我做了一个小的切换按钮,你点击它会打开一个隐藏菜单,并旋转一个十字。我已经使用CSS动画使这个十字旋转并显示子菜单,但我需要它以漂亮的方式滑动出来,而不是只是出现。从display none到display block似乎无法使用CSS进行动画处理,有没有什么办法可以解决呢?或者CSS动画不能在display样式上工作吗?这里有一个fiddle here。
<nav class="filter_nav inner">
<ul class="subnav">
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ul>
<ul class="toggleNavOuter">
<li class="toggleNavButton">+</li>
<li>Filter</li>
</ul>
</nav>
这里是JS..
$(function(){
$(".toggleNavOuter").click(function () {
$(".subnav").toggleClass("active");
$(".toggleNavOuter").toggleClass("active");
$(".toggleNavButton").toggleClass("active");
});
});
onclick
函数很好用,你遇到了什么问题? - Benjamin