javascript - 如何添加一个功能，以便按钮将使 div 消失/出现？

Question

我在 javascript 中创建了一个函数，通过单击按钮使 div 出现，但我希望使用相同的按钮使其在第二次单击后消失，依此类推。

JAVASCRIPT

<script>
function show( elem )
{
    $('.dynamic_link').hide();
    $('#'+elem).show();
}
</script>

HTML

<a href="#" onclick="show('link1')" id="buton"><p> BUTTON</p></a>
    <div id="link1" class="dynamic_link" style="display:none;">
        <h1>SHOWING SOMETHING</h1>
    </div>

我应该在主功能中更改什么或添加其他功能，以便按钮发挥魔力？谢谢。

Answer 1

使用 jQuery 函数 toggle() 或 slideToggle()。

像这样:

$('#button').click(function(){
    $('#link1').toggle();
});