0

左側にナビゲーションメニューがあり、h3をクリックするとサブメニューを下にスライドするためにjqueryを使用しています。クリックすると非表示のメニューが表示されるので、右に移動しますが、2番目のh3をクリックすると開きます。ただし、以前のh3コンテンツは閉じません。

ここに私が話していることを確認するためのリンクがあります。

roXonのおかげで問題は解決しましたが、h3タグ内にハイパーリンクを追加すると機能しなくなりました。

4

1 に答える 1

2

これにより、次のことが可能になります。

  • クリックしたものを開く前に、開いたものをすべて非表示にする
  • 1つの「ボタン」を切り替え(表示/非表示)

http://jsbin.com/welcome/69899/edit

$(document).ready(function (){


$('.hide').hide();
$('.arrowlistmenu li:has(".hide")').find('h3').click(function() {
    var el = $(this).next('.hide'),
    check = (el.is(':visible')) ? el.slideUp() : ($('.hide').slideUp()) (el.slideDown());
});


});
于 2013-01-05T09:48:38.020 に答える