如何將div變大，然後再變小？

-1

Sup guys！我有一個小問題，我需要修復，這裏是我的網站目前：My Website 如何將div變大，然後再變小？

而我的問題在於，如果您單擊twitch按鈕，我喜歡的綵帶的4個圖像滑落。然後，如果向下滾動，您可以看到div不夠大，我已經成功用jquery命令修復了這個問題。它遵循這樣的：

$("#twitchbutton").click(function(){ 
$("#main-content").animate({height: "1200px"}); 
    });

這個工程，但如果你再次點擊它，它停留在這個高度。我希望它滑動回900px ..我該怎麼做？任何答案讚賞！

來源

2014-12-03 Froz

Wheres the twitch button？ – 2014-12-03 18:58:10

@安德魯霍夫曼並不重要，是嗎？ – starvator 2014-12-03 19:00:17

Nm我找到了。如果我找不到它，我看不到他在說什麼。 ;） – 2014-12-03 19:01:15

獲取元素的高度如何？如果是900，使其1200，否則，使其1200 ..

所以是這樣的：JSFIDDLE

$("#twitchbutton").click(function(){ 
    if ($("#main-content").height() == 900){ 
     $("#main-content").animate({height: "1200px"}); 
    } else { 
     $("#main-content").animate({height: "900px"}); 
    } 
});

來源

2014-12-03 18:53:35 starvator

非常感謝你！：D它幫助！這可能很容易，但我不太瞭解jquery中的「if」和「else」命令^^哈哈，謝謝！ ♥ – Froz 2014-12-03 19:01:55

如果jQuery的其他功能與其他語言中的其他功能一樣。無論如何，點擊小綠色的支票，我們都在這裏完成：第 – starvator 2014-12-03 19:06:54

@Froz高度設置爲自動，就大功告成了。它隨着你的動畫而增長。

也就是說，不要在CSS中明確設置＃main-content的高度，也不要爲＃main-content的高度設置動畫，因爲它會隨着內容的自動增長而自動增長。

如果你想在你的YouTube視頻下面實現某種最小高度或者填充，那麼你可以使用最小高度或者底部填充。

來源

2014-12-03 19:03:21

如何將div變大，然後再變小？

回答

相關問題