jqueryのメニューの問題

Question

は、誰かが助けることができますか？メニューをクリックすると、ドロップダウンメニューは表示されません。

は

jsfiddle

編集が今、私はそれこのコード変更は、このリンク上でコードを表示してください。ここでメニューリンクをクリックするとドロップダウンメニューが表示されますが、他の場所をクリックすると非表示になります。

jsfiddle

Answer 1

この方法を試してください：あなたが仕事に行くされていないclickため.hover()関数の構文を使用しているよう

$(function() { 
     $('.top-nav li').click(function() { 
      $('ul',this).toggle(); 
     }); 
    }); 

は、それは見えます。

もreturn false;に忘れていないか、リンクが続きます。あるいは、代わりに、e.preventdefault();を使用することもできます。

return falseは、e.preventDefault()とe.stopPropagtion()の両方を行います。ただし、関数にパラメータを追加する必要がありe使用するためには：$('.top-nav li').click(function(e) {

Answer 2

これが私の仕事：

$(function() { 
    $('.top-nav li a').click(function() { 
     //this reveals the ul that is immediately after the clicked item 
     $(this).next('ul').toggle(); 
    }); 
});​ 

をあなたはおそらく、そうでない場合は、いずれかが明らかにされたときに他のすべてのsubnavsを非表示にする機能を追加したいですすぐにそれらのすべてを開くことができます。これはそれを行う必要があります：

希望に役立ちます！

Answer 3

この

$(function() { 
    $("ul.top-nav li").click(function() { 
    $('ul', this).css("display", "block"); 
    }); 

    $("ul.top-nav li").mouseleave(function() { 
    $('ul', this).css("display", "none"); 
    }); 
});