这是一个创建于 2571 天前的主题，其中的信息可能已经有所发展或是发生改变。
有没办法让点击一个 div，来执行另一个 div 的动画？ 比如我建立两个 box，一个 box1，一个 box2，box1 比如是按钮。box2 比如是一个菜单。默认 box2 菜单是 height: 0px，看不见，点击 box1 后，box2 的 height: 0px 变成 400px，就能看到点击 box1，box2 打开的效果。但是不是很理解这个是怎么用。
比如：
<style> .box1 { width: 50px; height: 50px; background-color: aqua; position: absolute; right: 10px; top: 5px; } .box2 { width: 100%; background-color: aqua; position: absolute; top: 60px; height: 0px; animation: animation 1s; } @keyframes animation { 0% { height: 0px; } 100% { height: 400px; } } .box1:active{ //执行 animation 动画 } </style> | 1 CSGO OP |
 | 2 azh7138m 2018-10-22 19:17:45 +08:00 |
 | 3 Pudge1337 2018-10-22 19:27:00 +08:00 via Android 为何不用 js |
 | 5 rabbbit 2018-10-22 19:50:24 +08:00  局限性很大 |
 | 6 sxy62016 2018-10-22 20:03:09 +08:00 via Android 点击可以用 checkbox 的 checked 属性实现 |
 | 7 wly19960911 2018-10-22 20:07:19 +08:00 @Pudge1337 js 写好动画比 css 要难一点。 |
| 8 rabbbit 2018-10-22 20:38:11 +08:00 checked 还能这么用,长见识了  |
 | 10 Sparetire 2018-10-23 01:45:41 +08:00 via Android label+checkbox+兄弟元素选择器，隐藏掉 checkbox |
 | 12 lraining 2018-10-23 08:16:55 +08:00 via Android $(#box1).click(function(){ $(#box2).animate({height:400},'slow','easeOutSine',null); }); |
Select Language