シンプルなドロップダウンメニューがあります。をクリック.drop-downすると、サブメニューがスライドダウンします。ただし、 の子のいずれかをクリックすると、.drop-down再び上にスライドします。メニューをスライドさせるためにクリックされたものだけが必要.drop-downで、その子孫は必要ありません。
ここで動作しています：http://jsfiddle.net/tmyie/uXn5k/2/
<ul>
<li class="drop-down">
<a href="#"> Main </a>
<ul class="sub-menu">
<li><a href="#">Sub</a> </li>
<li><a href="#">Sub</a> </li>
<li><a href="#">Sub</a> </li>
</ul>
</li>
<li><a href="#">Main</a> </li>
<li><a href="#">Main</a> </li>
<li><a href="#">Main</a> </li>
<li><a href="#">Main</a> </li>
</ul>
jQuery
$( ".drop-down" ).click(function() {
$('.sub-menu').slideToggle();
});
$('.drop-down').fadeTo('slow', 0.3);