Javascript 如何添加一个函数，使按钮使div消失/显示？

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

JAVASCRIPT

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

功能显示（elem）
{
$（'.dynamic_link'）.hide（）；
$（'#'+elem）.show（）；
}

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>

展示一些东西

---

我应该在主功能中更改什么，或者添加另一个功能，这样按钮才能发挥作用？谢谢。

使用jQuery函数

toggle（）

或

slideToggle（）

像这样：

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

---

在调用javascript函数时这样使用

document.getElementById("link1").style.display='';
document.getElementById("link1").style.display='none';

请遵循以下示例：

HTML:

<div id='content'>Hello World</div>
<input type='button' id='hideshow' value='hide/show'>

jQuery(document).ready(function(){
    jQuery('#hideshow').live('click', function(event) {        
        jQuery('#content').toggle('show');
    });
});

有关更多信息：