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

あなたは自分の結果を達成するためにslideToggle機能を使用することができます。aが別の場所に変更されない限り、それはグローバル変数なので、それは完全に可能である（、動作するはずのよう

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

しかし、あなたのコードが見えます）、あなたはそうのような）の範囲を補正してみてください（そしておそらくそれをより意味のある名前を与えslideUpとslideDownを使用し続けたい場合：

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

Answer 3

私はちょうどjsfiddle.netにあなたのコードを試してみましたが、それが動作完璧（slideUPとslideDown） Test it