jquery切换自动高度

我想创建一个可以通过单击按钮扩展高度的框。该框仅显示文本的3行作为默认值。（可以说..高度是50像素和溢出隐藏）jquery切换自动高度

当我点击“更多”按钮，动画框的文本滑动。再次单击以向上滑动。

另外我想滑动到“自动”高度！（Slippedown取决于内容高度）我尝试了很多jQuery样本，但失败了。有人帮助我吗？

这里是我的代码...

<div class="cmCnt"> 
AAA<br> 
AAA<br> 
AAA<br> 
AAA<br> 
AAA<br> 
AAA<br> 
AAA<br> 
AAA<br> 
AAA<br> 
</div> 


<a href="#" class="btnMore">more</a> 


.cmCnt { height:50px; overflow:hidden; }

来源

2013-10-15 user2881285

请张贴代码*您已经试过*到目前为止，这样我们就可以看到你的逻辑，并帮助你了解它，而不是仅仅代码给你。 – ahren

啊，这是我遇到了几年的问题回来......我的解决办法是开始没有特殊样式（即auto高度，visible溢出），然后使用javascript存储元素的全部高度。接下来，将高度更改为50px，并在页面加载后（不进行转换）溢出为隐藏。现在，你知道什么是全高，你可以随意动画。

事情是这样的：

$(document).ready(function() { 
    $('.cmCnt').each(function() { 
     var $this = $(this); 
     $this.data('originalHeight', $(this).height(); 
     $this.css({'height': '50px', 'overflow': 'hidden'}); 
     $this.click(function() { 
      var newHeight = $this.data('originalHeight'); 
      // animate $this to newHeight however you like here 
     }); 
    )); 
));

来源

2013-10-15 05:58:50

jquery切换自动高度

回答

相关问题