2015-05-12 50 views
-2

我需要幫助,請告訴我爲什麼它不能正常工作 爲什麼不是這個代碼有效?我嘗試了很多東西,但都失敗了。Javascript使用toggle與css

$('#windowhead').click(function(){ 
    /*$("#fullwindow").css({ 
    "height":20+"px" 
    });*/ 
    $("#fullwindow").slideToggle('css'({ 
    "height":20+"px" 
    })); 
}); 

對不起,我的壞英文和糟糕的解釋,我不知道如何解釋好。

+1

定義「不工作」,描述你正在嘗試做什麼。 –

+1

您可能需要在20之前添加引號才能使其正確連接,因此它看起來像「height」:「」+20 +「px」' –

+1

$(「#fullwindow」)。slideToggle('css'({ 「height」:「20px」 })); –

回答

1

有一個在你的代碼中的語法錯誤:

$('#windowhead').click(function(){ 
    $("#fullwindow").slideToggle(function() { // <-- notice the anonymous function 
     $(this).css({ 
      "height":20+"px" 
     }); 
    }); 
}); 

值得一提的是,這裏的邏輯很奇怪。

您在slideToggle完成打開或關閉元素之後將#fullWindow的高度設置爲20px。您可能想要查看該邏輯。

要切換元素,slideToggle就足夠了。

$('#windowhead').click(function(){ 
    $("#fullwindow").slideToggle(); 
}); 
+0

我不希望它的所有切換。窗戶頭不會隱藏。 – Phoenix

+0

這裏我上傳了我的代碼。我希望我的聊天頭ID不會被隱藏。它必須顯示和chatwindow的另一部分應該隱藏,當我重新點擊chathead然後chatwindow應顯示。 – Phoenix

+0

http://codepen.io/anon/pen/gprmqN – Phoenix