2012-01-04 29 views
-1

以下是我的代碼。 slideDown工作正常,但slideUp無法正常工作。我的代碼中有什麼錯誤。slideUp不起作用

var a=0; 

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

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

}); 
+0

考慮制定[jsfiddle.net(http://jsfiddle.net) – 2012-01-04 09:48:43

回答

2

爲什麼你不使用jQuery中的slideToggle()函數?

說明:以滑動的 動作顯示或隱藏匹配的元素。

1

您可以只使用slideToggle函數來實現你的結果:

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

然而,你的代碼看起來像它應該工作,除非a在別處修改(這是完全有可能的,因爲它是一個全局變量),如果你想繼續使用效果基本show和了slideDown嘗試糾正的範圍(以及可能給它一個更有意義的名稱),像這樣:

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

我使用上述同樣的代碼,但結果是一樣的。 slideDown工作正常,但slideUp無法正常工作。 – 2012-01-04 10:41:13

+0

@asifhameed請發表更多的代碼,然後 - 見http://jsfiddle.net/8SZtd/和http://jsfiddle.net/8SZtd/1/上述代碼工作正常jsfiddles。 – 2012-01-04 10:47:30

2

我只是想你的代碼中jsfiddle.net和它完美的作品(效果基本show和了slideDown) Test it

+0

同樣在這裏它也適用於我 – jaychapani 2012-01-04 09:57:17