Javascript切换关闭

我对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菜单？

尝试使用.toggle两次：

---

使用

如果
检查
$（“#展开”）
是否关闭，然后更改
$（“.main menu”）.css（“显示”、“内联块”）那么，我如何验证#expand是否已关闭？将您的html添加到什么是html标记？我上载了html代码。这太简单了！非常感谢。
$('.expander').click(function () {
    $("#expand").toggle("slide");
    $(".main-menu").toggle();
});