0

（本当の問題は、ローカルファイルをテストしていたことでした。これはchromeとfirefoxで正常に機能しましたが、IEでは機能しませんでした。実際にIEを介してライブバージョンにアクセスすると、正常に機能しました。ご協力いただきありがとうございます。bipenに感謝します。トグルとスローを見せてくれて！）

このトピックに関するいくつかの投稿を見ましたが、明確な解決策は見ていません。私はjquery/javascriptのものから始めたばかりで、IEでこれを機能させる方法を理解できないようです。IE9を使用しています。これは、jsfiddle、firefox、およびchromeで機能します。非表示/表示を使用する代わりにこのコードを要約できる方法がある場合は、それらについて聞いてみたいと思います。ありがとう。

以下は、私が頭の中で使用しているスクリプトです。

    $(document).ready(function() {
    $('#crossfitcontent').hide();
    $('.hidecrossfit').hide();
    $('.showcrossfit').click(function() {
        $('#crossfitcontent').show();
        $('.hidecrossfit').show();
        $('.showcrossfit').hide();
        return false;
        });
    });
   $('.hidecrossfit').click(function() {
       $('.showcrossfit').show();
       $('#crossfitcontent').hide();
       $('.hidecrossfit').hide();

    return false;
});

そして、以下はhtmlです：

<div id="crossfit">
Crossfit 
<div class="toggleplus">
<div><a href="" class="showcrossfit" >Thing someone clicks to show div</a></div>
<div><a href="" class="hidecrossfit" >Thing someone clicks to hide div</a></div>
</div> 
<div id="crossfitcontent">  
<div>Stuff about crossfit</div>
</div>
</div>

すべてのdivが意味をなさない場合がありますが、これはより大きな要素に収まり、他の要素もに追加されるためです。

よろしくお願いします。

4

1 に答える 1

1

jquery toggle()を使用して .. div を表示または非表示にすることができます...クリックごとに関数を作成する代わりに..トグルにはアニメーションも付属しています..トグルで素敵な効果が得られます..

$(document).ready(function() {
  $('#crossfitcontent').hide();
  $('.showcrossfit').click(function() {
      $('#crossfitcontent').toggle('slow');
      return false;
  });
});

ここにjsfiddleがあります..見てみることができます..

http://jsfiddle.net/49VdM/

于 2012-12-27T05:34:00.107 に答える