皇帝雅西加 发表于 2019-4-16 08:50

matthewsteel 发表于 2019-4-16 09:58

https://ant.design/components/collapse-cn/

做一个好的搬运工

aithinkso 发表于 2019-4-16 10:46

没框架吧，onclick 把内容插进去就行了

—— 来自 Xiaomi MI MAX, Android 7.0上的 S1Next-鹅版 v2.1.2

モナド 发表于 2019-4-16 10:47

jQuery的slideDown()方法

跃渊 发表于 2019-4-18 22:46

不嫌丑有原生的detail标签

http://www.w3school.com.cn/tiy/t.asp?f=html5_details

startdl 发表于 2019-4-19 00:07

用框架的话关键字collapse组件
自己写的话

<!doctype html>
<html>
<head>
<meta charset="utf-8">

<!--css样式-->
<style>
    .collapse {
      height: 20px;
      overflow: hidden;
    }
</style>
<!--引用jquery库-->
<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
</head>

<body>

<div>
<h3>
    标题
    <a class="js-btn-toggle" href="javascript:;">显示全部</a>
</h3>
<ul class="collapse">
    <li>列表内容</li>
    <li>列表内容</li>
    <li>列表内容</li>
    <li>列表内容</li>
    <li>列表内容</li>
    <li>列表内容</li>
    <li>列表内容</li>
    <li>列表内容</li>
</ul>
</div>

<script type="text/javascript">
    let $btn = $('.js-btn-toggle'),
       $collapse = $('.collapse');
   
    $btn.on('click', function(){
      $collapse.toggleClass('collapse')
    });
</script>

</body>
</html>

startdl 发表于 2019-4-19 00:09

本帖最后由 startdl 于 2019-4-19 00:10 编辑

简单点的思路是 先限制这个东西的高度，点击按钮的时候高度100%和限制之间切换还可以加个transition做个过渡动画效果
页: [1]
查看完整版本: 问个做网页的问题