jquery - クリックすると開くCSSドロップダウンナビゲーション

Question

CSSドロップダウンを作成しました。しかし問題は、マウスをメニューの上に置くとドロップダウンが表示されることです。しかし、ユーザーがメニューをクリックしたときにドロップダウンを開く必要があります。同じためのjQueryコードを組み立てることはできません。これで私を助けてください。どんな助けでも大歓迎です。前もって感謝します。

Answer 1

ここのチュートリアルが役立つかもしれません。

<script type="text/javascript" >
 $(document).ready(function()
 {

 $(".account").click(function()
 {
var X=$(this).attr('id');
if(X==1)
 {
 $(".submenu").hide();
$(this).attr('id', '0'); 
 }
else
 {
 $(".submenu").show();
$(this).attr('id', '1');
 }

 });

//Mouse click on sub menu
 $(".submenu").mouseup(function()
 {
return false
 });

//Mouse click on my account link
 $(".account").mouseup(function()
     {
return false
 });


//Document Click
 $(document).mouseup(function()
 {
 $(".submenu").hide();
 $(".account").attr('id', '');
 });
 });
</script>

Answer 2

あなたのコードを一般的な例として見ることなく：

jQuery(".Menu").click(function() { //Select menu by its class name or id

    //Select the part of the menu that is shown/hidden 
    //and animate it opening/closing
    jQuery(".DropMenuClassName").animate({height:'toggle'},600);
    //OR
    jQuery(".DropMenuClassName").slideToggle(600);
    //OR
    jQuery(".DropMenuClassName").css({display:"none"});

});