Javascript 通过单击同一图标使菜单出现和消失

我试图让手机上的标准汉堡图标在单击时显示菜单，再次单击时使菜单消失。我所拥有的确实使菜单在再次单击时出现，但不会消失。这段代码似乎没有做到这一点：

Javascript/Jquery：

<script>

function show( elem )

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

    if (n==false){

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

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

功能显示（elem）
{
var n=$（elem）.is（“：可见”）；
如果（n==false）{
$（'#'+elem）.show（）；
}
如果（n==true）{
$（'#'+elem）.hide（）；
}
}

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>

尝试利用

//将'foodicon``id`添加到'img`，
//从“html”中删除了“onclick”`
$（“#foodicon”）。在（“单击”，函数（）{
$（“#link1”）.toggle（）
})

食物菜单

show（'link1'）

应该是

show（'link1'）

它不起作用，但它确实让我走上了正确的轨道，我将代码更改为var n=$（'link1'）+elem.is（“：visible”）；现在可以用了，谢谢！