javascript - ボタンがdivを非表示/表示するように関数を追加する方法は?

Question

ボタンをクリックして div を表示する関数を JavaScript で作成しましたが、2 回目のクリックなどで同じボタンを非表示にしたいです。

ジャバスクリプト

<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>

ボタンが魔法のように機能するように、メイン機能で何を変更したり、別の機能を追加したりする必要がありますか? ありがとう。