仅在div高于某个高度的情况下，在div底部显示“展开”按钮

Question

我的网站首页上有一系列“帖子”，每个帖子都代表个人<div>。帖子可以是任何高度。当帖子小于350px高时，我想显示完整的帖子。当它超过350px高时，我想显示第一个350px，用overflow: hidden隐藏其余内容，并为用户提供一个“展开”按钮来显示整个内容：< / p>

如何使用尽可能少的Javascript实现这一点（理想情况下没有！）？

Answer 1

<script>
$(document).ready(function() {
  var divheight = $('#whateverdiv').height();
  if(divheight>350)
  {
     $('#thisbutton').show();
  }
});
</script>

<style>
#thisbutton
{
   display:none;
}
</style>