Question

Sup人！我有一个小问题需要修复，这是我的网站：My Website

我的问题是，如果你点击抽搐按钮，我最喜欢的4个飘带的图像向下滑动。然后，如果向下滚动，你可以看到div不够大，我已成功用jquery命令修复它。它遵循如下：

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

这有效，但如果你再次点击它，它会保持在这个高度..我希望它能滑回到900px ..我怎么能这样做？任何答案都表示赞赏！

Answer 1

@Froz将高度设置为自动，您就完成了。它随着你的动画而增长。

也就是说，不要在CSS中明确设置#main-content的高度，也不要为#main-content的高度设置动画，因为它会随着内容的内容自动增长。

如果你想在youtube视频下方获得某种最小高度或填充，那么你可以使用最小高度或填充底部。

Answer 2

获得元素的高度怎么样？如果它是900，那么将其设为1200，否则，将它设为1200 ..

这样的事情：JSFIDDLE

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

如何使div更大，然后再缩小？

2 个答案: