jquery - 根据内容溢出展开div或UL

Question

当里面有很多内容时，如何让div展开？

HTML:

<div class ="content">
    this is a test <br />
    this is a test <br />
    this is a test <br />
    this is a test <br />
    this is a test <br />
    this is a test <br />
    this is a test <br />
</div><br />
<div class="click-here">Click here to see more</div>

CSS:

div.content
{
    height:100px;
    width:300px;
    border:1px solid red;
    overflow:hidden;
}

div.click-here
{
    border:1px solid green;
    width:200px;
}

这是我的例子:http://jsfiddle.net/nvCvy/1/

Jquery 还是 CSS？

jquery scroll 会是更好的解决方案吗？或者您会使用 css 显示所有内容吗？

Answer 1

您需要进行以下两项更改。

1. 不要提及高度，即删除 height 属性。

2. 移除Overflow:hidden;

下面是工作demo .您可以根据需要添加任意数量的内容。