jquery.slidedown

Question

我是 jquery 新手，我正在尝试在下拉菜单上使用 .slidedown 函数。我希望菜单在单击时打开，并在再次单击选项或菜单时关闭。然而，当按原样单击菜单时，它只是弹开和关闭，而不是保持打开状态。这是代码:

*(function($) {



/*  $('#drop').click(function() {
        if (paneldown == false) {
            $('#ddd').slideUp(5000);
            paneldown = false;
        }
        if(paneldown != false) {
            $('#ddd').slideDown(5000);
            paneldown = true;
        }
                              });

    */                       
    var paneldown = false;

   $('#drop').click(function() {
        if(paneldown == false) { $('#ddd').slideDown(500); paneldown = true; }

        if(paneldown == true) { $('#ddd').slideUp(500);  paneldown = false;}
      //$('#ddd').toggle(5000), (function() {
//      });
    });
})(jQuery);
// JavaScript Document*

Answer 1

使用slideToggle代替:

$('#drop').click(function() {
    $('#ddd').slideToggle(500);
});

它会为您处理状态，因此您无需担心它。现有代码的问题在于，首先运行 slideDown，并将 paneldown 设置为 true。然后在检查 paneldown == true 是否(确实如此；您只需这样设置)之后立即运行 slideUp。