jQueryの非表示]ドロップダウンメニュー

Question

私は、次のjQueryのスクリプトを示してドロップダウンメニューがあります。私が達成したい何

jQuery(document).ready(function($) { 
    $('#block-mln-main-menu li').click(function(){ 
     $(this).find('.test').toggle(); 
    }); 
}); 

を、ユーザーがページ上のどこか他のクリックしたときに、それがアップスライドまたは非表示です。私は文字通りこれを達成する方法を失っています。

ご協力いただきまして誠にありがとうございます。

はフィドルを追加しました：http://jsfiddle.net/aL7Xe/999/

Answer 1

上の任意の場所をクリックしたときにメニューを非表示にします。

CSS：

.showup{width:100px;height:100px; background:red; display:none;} 
.click{cursor:pointer;} 

HTML要素がフォーカスを失ったイベントが発生するのonblur

<div class="click">click me</div> 
<div class="showup">Click somewhere else!</div> 

jQueryの

$(document).ready(function(){ 
$('.click').click(function(event){ 
    event.stopPropagation(); 
    $(".showup").slideToggle("fast"); 
}); 
$(".showup").on("click", function (event) { 
    event.stopPropagation(); 
}); 
}); 

$(document).on("click", function() { 
    $(".showup").hide(); 
}); 

Answer 2

トグルだけではクリックが他の場所で

jQuery(document).ready(function($) { 
    $(this).not('#block-mln-main-menu li').click(function(){ 
     $(this).find('.test').hide(); 
    }); 
}); 

Answer 3

をしようとすると、私は理解してどのようにそれを非表示にすることはあなたが表示したいということである同じオブジェクトにそれをユーザーのクリックに動作しますユーザーがクリックするとドロップダウンメニューが表示されます。ユーザーがページ上の任意の場所を再びクリックすると、そのページは閉じます。

CSS

.hide { 
    display: none; 
} 

JS

$('.menu-label').on('click', function() { 
    $('.drop-down-menu').toggleClass('hide'); 
}); 

ユーザーが前年比が伝播イベントを停止してみてくださいページ

$('body').on('click', function() { 
    $('.drop-down-menu').addClass('hide'); 
});