jQueryで表示後に要素を正しく表示する方法：なし

Question

clickイベントを使用してdisplay：noneを追加した後にドロップダウンメニューを表示できないという非常に厳しい問題が発生しています。私は以前にホバーイベントでそれを追加しようとしましたが、それは特定のブラウザーで常に起動するように見えましたので、私はそれを放棄して完全に立ち往生しました。次のコードでは、表示プロパティが切り替わった後、再びドロップダウンを正しく表示する方法を説明します。

私は以前同様の質問をしてお詫びをしていますが、以前はこの問題を本当に理解していませんでした。もし私がラインから外れていたら、私はお詫びしますが、私は本当に立ち往生しています。どんな助けでも大歓迎です。

Answer 1

は、show（）関数を使用してみてください：

$(document).ready(function() { 
    $('li.active ul.sub-menu.dropdown a').click(function() { 
     if($("li.active ul.sub-menu.dropdown").css("display", "block")){ 
      $("li.active ul.sub-menu.dropdown").hide(); 
     } 
     else if($("li.active ul.sub-menu.dropdown").css("display", "none")){ 
      $("li.active ul.sub-menu.dropdown").show(); 
    }); 
}); 

Answer 2

はあなただけ.toggle()を使用しようとしたことがありますか？要素は、次に、トグル表示プロパティ表示され、場合

$(document).ready(function() { 
    $('li.active ul.sub-menu.dropdown a').click(function() { 
     $("li.active ul.sub-menu.dropdown").toggle(); 
    }); 
}) 

それは自動的にチェックします。

Answer 3

私は、一般に、CSSでクラスを追加することでこのようなことをするのが良いと思います。 ）（）と.hideを（.SHOW使用して、もちろん

.show { 
    display:block; 
} 

も実行可能である：

$(document).ready(function() { 
$('li.active ul.sub-menu.dropdown a').click(function() { 
    $("li.active ul.sub-menu.dropdown").toggleClass("show"); 
}); 
}); 

とCSSの：あなたはこのような何かを行うことができます。それは単にあなたにコントロールを与えません。