如果没有切换有效，则显示内容？

Question

我有一个图标栏，其中包含一个隐藏/显示内容的简单脚本。如果选项卡处于活动状态，并且用户再次单击它，它将消失并在图标栏下方不显示任何内容。没有图标处于活动状态时，有没有办法显示内容？

HTML和JS：

<div class="container text-center">
    <div class="icon-bar">
        <a href="#box" class="toggle-state"><i class="fa fa-line-chart"></i></a>
        <a href="#box2"><i class="fa fa-heartbeat"></i></a>
        <a href="#box3"><i class="fa fa-diamond"></i></a>
        <a href="#box4"><i class="fa fa-exchange"></i></a>
        <a href="#box5"><i class="fa fa-newspaper-o"></i></a>
    <script>
    $("a").click(function(){
        var myelement = $(this).attr("href")
        $(myelement).slideToggle(1);
        $(".toggle:visible").not(myelement).hide();
    });
    </script>
    </div>
</div>

<div>之一的示例。

<div id="box2" class="toggle" style="display: none;">
    <p>content here</p>
</div>