1

<li>それぞれに別の順序なしリストが含まれる順序なしリストを作成しようとしています。サブメニューのスライドダウンをトリガーしたいリスト項目には class がmobile-collapseあり、サブメニューには class がありmobile-drop-menuます。これが私のjqueryコードです：

<script>
$(function() {
$(".mobile-drop-menu").hide();
$(".mobile-collapse").click(function() { 
    $(this).children().slideToggle();
});
});


</script>

しかし、テストしてクリックするmobile-collapse <li>と消えます。ここにそれをテストするためのリンクがあります。順序付けられていないリストを表示するには、ウィンドウ サイズをかなり小さくドラッグする必要があります。https://wwwdev.cco.purdue.edu/boot/student.shtml#

誰かがこの問題を解決したり、この目標を達成するためのより良い方法を見つけるのを手伝ってくれませんか? ありがとう

4

2 に答える 2

2

Jquery slideToggle は単に " display:block" または " display:none" を使用して要素を表示または非表示にします。

$(this).children().slideToggle();

これは、リンクを含む「 mobile-collapse 」クラスのすべての子要素で動作します。そのため、link 要素を除外する必要があります。

次の行を変更できます。
$(this).children().slideToggle();

$(this).children(".mobile-drop-menu").slideToggle();

これがうまくいくことを願っています。

于 2013-04-01T18:38:46.890 に答える