改变容器高度,显示隐藏数据内容

Posted fate、hu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了改变容器高度,显示隐藏数据内容相关的知识,希望对你有一定的参考价值。

  • 动态的改变盒子高度,显示隐藏盒子内容。

   

<div class="method-2-wrap wrap">
  <div class="faa1">功能</div>
  <div class="title">
    <article>测试</article>
    <article>测试</article>
    <article>测试</article>
    <article>测试</article>
  </div>
  <div class="content">点击</div>
</div>
<div class="method-2-wrap wrap">
  <div class="faa1">功能</div>
  <div class="title">
    <article>测试</article>
    <article>测试</article>
    <article>测试</article>
    <article>测试</article>
  </div>
  <div class="content">点击</div>
</div>
<script type="text/javascript">
  $(function(){
    var i=0;
    $(".content").click(function(){
       i++;
       i%2 !==0 ? $(this).siblings("div.title").css({‘height‘:‘400px‘}) : $(this).siblings("div.title").css({‘height‘:‘100px‘});
    })
  })
</script>

  

以上是关于改变容器高度,显示隐藏数据内容的主要内容,如果未能解决你的问题,请参考以下文章

怎样才只能让x轴超出隐藏,y轴超出内容显示?

使用具有最大高度的 Calc

css有用的代码片段

当 listview 行项目中包含隐藏视图时,片段不尊重匹配父高度

在容器内的另一个 div 下方显示具有动态高度的 div?

没有滚动内容时如何下拉协调器布局