スライドの切り替えが機能しないのはなぜですか？

Question

私はナバーバーを持っており、クリックするとナビゲーションバーのアイテムの1つがドロップダウンメニューを開くようにしたいと思います。

$("#dropdown_menuitem").click(function() { 
    $(this).find('ul').slideToggle('slow'); 
}); 

ドロップダウンメニューをクリックで表示されることはありませんが、私のHTMLは次のようになります：

<li id="dropdown_menuitem"><a href="#">MyAxon<img style="padding-left:5px;" src="img/drop-down.png"/></a> 
    <ul class="dropdown reverse_gradient"> 
     <li class="dropdown"><a href="#">Teachers</a></li> 
     <li class="lastElementInDropDown dropdown"><a href="#">Students</a></li> 
    </ul> 
</li> 
. 
. 

編集： 私はalert($(this).find('ul').html());を試してみましたが、私は両方<li>と警告を得た私はこれを持っています要素。

$(this).find('ul').show(200);はどちらか

コンテンツが動的に追加されていない動作しませんでした。

nav.main_nav ul.dropdown{ 
    opacity: 0; 
    position: absolute; 
    top: 35px; 
    left: 10px; 
    border-bottom-right-radius: 10px; 
    -moz-border-bottom-right-radius: 10px; 
    border-bottom-left-radius: 10px; 
    -moz-border-bottom-left-radius: 10px; 
    display: none; 
    z-index: 100; 
    } 

任意のアイデア：

私のCSSは、このようになりますか？

Answer 1

:)を働いていた場合、私に知らせてください。

Answer 2

まず、クリックするものがリンク自体ではないことを確認する必要があります。ここでは、李さんにも.clickを行います。しかし、ユーザーが実際にリンクをクリックするとどうなりますか？さて、リンク内のhrefにリダイレクトされます。あなたはリンク、それ自己へのクリックイベントを追加することが必要であることを防止するためにそう

：ドロップダウンが現在の李に存在する場合

$("#dropdown_menuitem a").click(function(e) { 
    if($(this).parent().find('ul').length > 0) { 
     e.preventDefault():; 
    } 
}); 

これはチェックします - それがないなら、私たちは持っていません。 JavaScriptの実行を中断するようにユーザーをリダイレクトします。だから私たちは現在の出来事を防ぐことをしています。リダイレクトなど。

それを試してみて、それは私がドロップダウンメニューを見てから私を防止して、私のスタイルシート、ゼロへの不透明度を設定していた、問題を発見