slideUp无效

Question

以下是我的代码。 slideDown工作正常，但slideUp无法正常工作。我的代码中有什么错误。

var a=0;

$(document).ready(function() {
    $("#login").click(function(){

    if (a==0){
            $("#banner").slideDown("slow");
            a=1;
        } else {
            $("#banner").slideUp("slow");
            a=0;
        }
    }); 

});

Answer 1

为什么不在jquery中使用slideToggle()函数？

  

描述：通过滑动显示或隐藏匹配的元素   运动。

Answer 2

我刚刚在jsfiddle.net上尝试过你的代码，它运行完美（slideUP和slideDown） Test it

Answer 3

您只需使用slideToggle功能即可获得结果：

$(function() {
  $("#login").click(function() {
      $("#banner").slideToggle("slow");
  });
}); 

但是，你的代码看起来应该可行，除非a在其他地方被修改（这完全是可能的，因为它是一个全局变量），如果你想继续使用slideUp和slideDown尝试纠正a的范围（并且可能给它一个更有意义的名字）如下：

$(document).ready(function() {
  var isUp = true
  $("#login").click(function(){
    if (isUp){
      $("#banner").slideDown("slow");
      isUp = false
    } else {
      $("#banner").slideUp("slow");
      isUp = true;
    }
  }); 
});