Javascript 多次切换时Jquery/animate.css侧菜单消失

我有一个弹出式菜单，它有以下触发器：

<a href="#" id="cmdAsideMenu" class="dropdown-toggle dropdown-form-toggle" title="Open slidebar">
<i class="fa fa-outdent"></i>
</a>

<section id="asideMenu" class="aside-menu right">
 <div class="sidebar-content"></div>
</section>

这在第一次使用时效果很好。但如果在显示和隐藏菜单后再次单击触发器链接（#cmdAsideMenu）；它显示了，但随后又消失了

如何输入此代码，使菜单可以反复打开和关闭ok

干杯，

---

Danny

尝试根据类而不是

：visible

参数来细化触发器条件语句。您可能希望使用类，因为它们的性质更为精确，CSS结果可能是零星的

因此，如果（$（“#asideMenu”）.is（“：visible”）{

使用

if（$（'.animated'）.length<1）{

然后，对于else条件，您将使用

if（$（'.animated'）.length>0）{

---

最后，我假设你使用了<代码> .[代码] >方法，因为在你的动画中可能有时间含义。这很好，但是如果你继续遇到问题，你可能想考虑香草JavaScript方法<代码> SET TIALVAL（）/<代码>和<代码> SETIMEOUT（）分别。同样，这是因为后面提到的方法提供了更多的绝对控制，您可以

clearInterval（）

到硬停止函数。

尝试根据类而不是

:visible

参数来细化触发器条件语句。您可能希望使用类，因为它们的性质更精确，CSS结果可能是零星的

因此，如果（$（“#asideMenu”）.is（“：visible”）{

使用

if（$（'.animated'）.length<1）{

然后，对于else条件，您将使用

if（$（'.animated'）.length>0）{

最后，我假设你使用了<代码> .[代码] >方法，因为在你的动画中可能有时间含义。这很好，但是如果你继续遇到问题，你可能想考虑香草JavaScript方法<代码> SET TIALVAL（）/<代码>和<代码> SETIMEOUT（）分别。同样，这是因为后面提到的方法提供了更绝对的控制，并且您可以

clearInterval（）

到硬停止功能

$(document).on("click", "#cmdAsideMenu, #btnHideAsideMenu, .navbar-toggle-aside-menu", function () {

        if ($("#asideMenu").is(":visible")) {
            $("#asideMenu").removeClass('animated bounceInRight');
            $("#asideMenu").addClass('animated bounceOutRight');
            $('#asideMenu').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () {
                $(this).hide();
                $("#asideMenu").removeClass('animated bounceOutRight');
            });
        }
        else {
            $("#asideMenu").show().addClass('animated bounceInRight');
        }

        return false;
    });