jQueryの.toggleメソッドを使用して、divがクリックされたときに開閉するメニューを作成しています。ここに私のコードは次のとおりです。"un" jQueryでdivを切り替える
$(".header").toggle(function() {
$(this).find(".parent").fadeIn("fast");
$(this).css("background-color","red");
}, function() {
$(this).find(".parent").fadeOut("fast");
$(this).css("background-color","white");
});
$(document).click(function() {
$('.parent').fadeOut("fast");
$(".header").css("background-color","white");
});
$(".parent").click(function(event){
event.stopPropagation();
});
http://jsfiddle.net/bmcmahen/X9S5C/8/
私はそれを閉じて、再度メニューボタンをクリックしようとすると、ポップアップメニューの外側をクリックするまで、これはうまく動作します。その後、ダブルクリックする必要があります。私ができる必要があるのは、$(document).click関数からのdivのクリックを解消することです。どのように私はこれをやろうと思っていますか?
私は、一般的に私は1つを使用する代わりに、トグルを使用しない「クリック」リスナーと '.is( ':hidden')を使って 'div in questions'の現在の状態に頼ってください。 – anson
私は同様のことをやろうと考えていました。 – bento