Question

我需要按钮来更改ul高度（第一次点击 - 最小化（制作高度：0px;）和第二次点击 - 最大化（制作高度：100px））

<button> minimize / maximize</button>
<ul>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
    <li>123</li>
</ul>
<style>
ul {
    height:100px;
    overflow:scroll;
    border:1px solid red;
}
</style>

Demo

Answer 1

试试这个：

在代码中查看内联注释：

ICollectionView

Demo

Answer 2

您可以在ul：

上切换课程

JavaScript：

$(function(){
    $('button').click(function(){
    $('ul').toggleClass('maximize');
        $('ul').toggleClass('minimize');
    });
$('ul').addClass('minimize');
})();

CSS：

ul {
    height:100px;
    overflow:scroll;
    border:1px solid red;
}
.maximize{
    height:200px;
}
.minimize{
    height:0px;

}

HTML：

<button> minimize / maximize</button>
    <ul>
        <li>123</li>
        <li>123</li>
        <li>123</li>
        <li>123</li>
        <li>123</li>
        <li>123</li>
        <li>123</li>
    </ul>

演示：http://jsfiddle.net/vikashvverma/7etcmrcL/3/

首先单击 - 更改ul高度，第二次单击 - 重置高度

2 个答案: