-2

以下のこの例では、「もっと見る」テキストが消えないようにするにはどうすればよいですか。クリックするとテキストが削除されます。そのままにしておきたい。どうもありがとう。

http://www.cssnewbie.com/example/showhide-content/

4

3 に答える 3

1

<script>を参照するタグ内のものをすべて削除しますshID+'-show'。それがリンクを表示/非表示にしているものです。

将来の参考のために： 

<script language="javascript" type="text/javascript">
function showHide(shID) {
   if (document.getElementById(shID)) {
      if (document.getElementById(shID+'-show').style.display != 'none') {
         document.getElementById(shID+'-show').style.display = 'none';
         document.getElementById(shID).style.display = 'block';
      }
      else {
         document.getElementById(shID+'-show').style.display = 'inline';
         document.getElementById(shID).style.display = 'none';
      }
   }
}
</script>

[...snip...]

<a href="#" id="example-show" class="showLink" onclick="showHide('example');return false;">See more.</a>

非表示リンクのものを削除すると、次のようになります。

<script language="javascript" type="text/javascript">
function showHide(shID) {
   if (document.getElementById(shID)) {
      if (document.getElementById(shID).style.display != 'none') {
         document.getElementById(shID).style.display = 'none';
      }
      else {
         document.getElementById(shID).style.display = 'block';
      }
   }
}
</script>

[...snip...]

<a href="#" id="example-show" class="showLink" onclick="showHide('example');return false;">See more.</a>

上記のコードはテストされていませんが、機能するはずです。

于 2012-08-30T17:38:50.037 に答える
1

この行を削除

onclick="showHide('example');return false;"
于 2012-08-30T17:43:26.773 に答える
1

以下の行をその下のコード ブロックに変更します。

オリジナル：

<a href="#" id="example-show" class="showLink" onclick="showHide('example');return false;">See more.</a>

変更:

<a href="#" id="example-show" class="showLink" >See more.</a>
于 2012-08-30T17:43:42.807 に答える