終了時にコンテンツが含まれる div を非表示にしようとしています。私は jsFiddle ファイルを持っていますが、いくつかのコーディングは完全ではありません。アイデアを提供するために非常に速く書いただけです。
ULが正しく作成されていないと思います。
質問する
61 次
1 に答える
0
あなたのフィドルの html は無効です。同じid属性を複数の要素に割り当てるべきではありません。このようなことをしようとすると、その ID を持つ最初の(ほとんどのブラウザーで) 要素$("#slidingDiv").hide();のみを選択して非表示にします。
また、".show_hide"クラスセレクターを使用していますが、そのクラスを持っている要素はありません。
あなたが言っ$(this).next("#slidingDiv").slideToggle();たクリックハンドラー内で、.next()メソッドは提供されたIDを持つ次の要素を探しに行きません。その要素に提供されたIDがある場合、すぐ次の要素のみを選択します。
また、jsfiddle の使い方も間違っています。JavaScript ウィンドウ内では、<script>タグではなく JavaScript コードを配置する必要があります。タグを削除し<script>、代わりに次のように左側のパネルから必要なライブラリを選択する必要があります: http://jsfiddle.net/vCZC7/1/ (あなたのフィドルでは、左側でデフォルトの Mootools ライブラリが選択されていました。)
必要な動作についての説明がやや不足していることがわかりましたが、li 要素をクリックすると下の div が切り替わる作業フィドルがあります: http://jsfiddle.net/vCZC7/3/ (注: 最新の jQuery を使用するように更新しました.index()バージョン 1.4 で導入されたメソッド構文を使用するのが最も簡単なようで、 1.3.2 しか含まれていなかったからです)。
于 2012-09-08T21:54:32.563 に答える