2012-11-02 53 views
-1
$("#bottomWatch").click(function(){ 
       var doops = $(".videoMove").display; 

       if (doops == "none") { 
       $("#video").css("left","15%", "display: block"); 
       } else { 
       $(".videoMove").css("left","200%", "display: none"); 
       }); 

我在這裏有正確的想法嗎?我將如何做到這一點?我想單擊該按鈕,如果該ID隱藏,則會顯示爲塊並拉入,如果不是,則會返回200%並隱藏自身。Jquery:if and else

切換不會與我在做什麼。

回答

6

您應該使用is方法:

if ($('.videoMove').is(':hidden')) { 
    ... 
} else { 
    ... 
} 
+0

應我的代碼看起來那麼如何?我明白這是關鍵,但我沒有做到這一點 –

+0

@GARR,說實話,如果你不能說出如何在你的jQuery代碼中添加if語句,你應該完全停止使用jQuery並專注於學習JavaScript的基礎知識。像[codecademy](http://www.codecademy.com/)這樣的東西可能會有所幫助,但我不能擔保。 – zzzzBov

+0

我知道如果語句夠好,只是不適合jquery;這應該是工作,但事實並非如此。我決定在frankenstein嘗試後編碼它,但它沒有奏效。所以我有這個http://pastebin.com/67d9wXt8 –

0
if ($(".videoMove").is(":hidden")) { 
    ///... 
} 
0

。顯示不是一個jQuery的屬性...

更換

var doops = $(".videoMove").display; 

var doops = $(".videoMove").css('display'); // jQuery Object 

OR

var doops = $(".videoMove").get().style.display; // DOM Object 
1

試試這個:

$("#bottomWatch").click(function() { 
    if ($(".videoMove").is(":hidden")) { 
     console.log("hidden"); 
     $('.videoMove').show().animate({ 
      'left': '200px', 
     }, "slow", function() { 
      //callback 
     }); 
    } else { 
     $('.videoMove').animate({ 
      'left': '280px' 
     }, "slow", function() { 
      //done 
      $(this).hide(); 
     }); 
    } 
});​ 

工作fiddle