通過單擊同一圖標使菜單出現和消失

Question

我正在嘗試使電話上的標准漢堡包圖標在單擊時顯示菜單，並在再次單擊時使菜單消失。 我所擁有的使菜單出現但再次單擊時並沒有消失。 這段代碼似乎沒有這樣做：

使用Javascript / jQuery的：

<script>

function show( elem )

{
    var n=$(elem).is(":visible"); 

    if (n==false){

    $('#'+elem).show();
    }

    if (n==true) {
        $('#'+elem).hide();
    }
}
</script>

HTML / PHP

<table align="center"><tr><td><a href="#" onclick="show('link1')"><img src="images/hamburger.png"></a> </td></tr></table>

<div id="link1" class="dynamic_link" style="display:none">

  <?php

    phoneMenu(); 

    ?>

</div>

Answer 1

嘗試利用.toggle（）

 // added `foodicon` `id` to `img`, // removed `onclick` from `html` $("#foodicon").on("click", function() { $("#link1").toggle() }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script> <table align="center"> <tr> <td> <a href="#"> <!-- assign `foodicon` `id` to `img` --> <img id="foodicon" src="http://lorempixel.com/100/100/food"> </a> </td> </tr> </table> <div id="link1" class="dynamic_link" style="display:none"> food menu </div>