javascript - 非表示のdiv onclickを閉じて、別のdivを切り替えます

Question

次のコードを使用して、非表示の div を切り替えています。

function toggle_visibility(id) {
       var e = document.getElementById(id);

          $(e).slideToggle("slow");




    }

<div id="toplinks">
<a href="../index.php">Home</a> | <a href="#" onclick="toggle_visibility('aboutus');">About Us</a> | <a href="#" onclick="toggle_visibility('contact');" >Contact us</a> | <a href="#" onclick="toggle_visibility('social');">Social Media</a> | <a href="#" onclick="toggle_visibility('contact');">Send your demo</a> | <a href="#" onclick="toggle_visibility('presskit');">Press Kit</a>
</div><!--toplinks end -->

問題は、それらすべてをクリックすると、すべてが同時にページに表示されることです。クリックした場合に div が 1 つだけ表示されるように、(開いている場合) 自動的に閉じる方法はありますか?