Javascript Toggle关闭

Question

我对jQuery脚本有一个问题。

$(document).ready(function () {

$("#expand").hide();
$(".expander").show();

$('.expander').click(function () {
    $("#expand").toggle("slide");
    $(".main-menu").css("display", "none");
});

})；

这里是HTML代码，我需要修改一下结构吗？！

            <a type="button"href="search.html" class="btn btn-default main-menu"">
                <img src="nav01.png" class="center-block" alt="Navigation Icon 01" />
                <label class="text-center">Rechercher</label>
            </a>
            <a type="button" href="legratuit://#!section=18945605" class="btn btn-default main-menu">
                <img src="nav02.png" class="center-block" alt="Navigation Icon 01" />
                <label class="text-center">Publier</label>
            </a>
            <a type="button" href="legratuit://#!section=18945993" class="btn btn-default">
                <img src="nav03.png" class="center-block" alt="Navigation Icon 02" />
                <label class="text-center">Alertes</label>
            </a>
            <a type="button" href="legratuit://#!section=18724784" class="btn btn-default">
                <img src="nav04.png" class="center-block" alt="Navigation Icon 03" />
                <label class="text-center">Favoris</label>
            </a>

            <a type="button" href="legratuit://#!section=18145899" class="btn btn-default expander">
                <img src="dot.png" class="center-block" alt="Navigation Icon 04" />
                <label class="text-center">Autres</label>
            </a>
            <span id="expand" style="display: none;">
                <a type="button" href="legratuit://#!section=18145899" class="btn btn-default">
                    <img src="nav05.png" class="center-block" alt="Navigation Icon 04" />
                    <label class="text-center">Compte</label>
                </a>
                <a type="button" href="legratuit://#!section=18145899" class="btn btn-default">
                    <img src="contact.png" class="center-block" alt="Navigation Icon 04" />
                    <label class="text-center">Contact</label>
                </a>
            </span>

问题是，当我关闭切换时，如何显示:内联-阻止..main菜单？

Answer 1

尝试使用.toggle两次：

$('.expander').click(function () {
    $("#expand").toggle("slide");
    $(".main-menu").toggle();
});