左側にナビゲーションメニューがあり、h3をクリックするとサブメニューを下にスライドするためにjqueryを使用しています。クリックすると非表示のメニューが表示されるので、右に移動しますが、2番目のh3をクリックすると開きます。ただし、以前のh3コンテンツは閉じません。
ここに私が話していることを確認するためのリンクがあります。
roXonのおかげで問題は解決しましたが、h3タグ内にハイパーリンクを追加すると機能しなくなりました。
左側にナビゲーションメニューがあり、h3をクリックするとサブメニューを下にスライドするためにjqueryを使用しています。クリックすると非表示のメニューが表示されるので、右に移動しますが、2番目のh3をクリックすると開きます。ただし、以前のh3コンテンツは閉じません。
ここに私が話していることを確認するためのリンクがあります。
roXonのおかげで問題は解決しましたが、h3タグ内にハイパーリンクを追加すると機能しなくなりました。
これにより、次のことが可能になります。
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());
});
});