javascript - 如何仅显示div的特定高度并单击时显示其余高度

这是我的代码：https://jsfiddle.net/ucffyp3v/43/

如前所述，我只想显示该div的高度为50px，然后单击显示更多，以显示其余部分。

该js似乎无法显示div的其余部分。

$("document").ready(function(){
$(".show-more").click(function(){
if($(".mydiv").css("height")!="50px"){
  $(".mydiv").slideDown();
}
else{
  $(".mydiv").slideUp();
}
}
}

最佳答案

这也许是您在寻找：working link

$( "document" ).ready(function() {
  $(".show-more").click(function(){
    if($(".mydiv").css("height") === "50px"){
      $(".mydiv").css("height", 'auto');
      $(".mydiv").slideDown();
    }
    else{
      $(".mydiv").css("height", '50px');
      $(".mydiv").slideUp();
    }
  });
});

但是我建议您可以移动<h2>Hello</h2>来使滚动顺利进行。

关于javascript - 如何仅显示div的特定高度并单击时显示其余高度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49604659/