关闭时如何制作动画?[Javascript]
How To Make Animate When Closed?[Javascript]
JavaScript Here
<script>
function toggle2(showHideDiv, switchTextDiv) {
var ele = document.getElementById(showHideDiv);
var text = document.getElementById(switchTextDiv);
$(ele).slideToggle();
if(ele.style.display == "block") {
ele.style.display = 'none';
} else {
ele.style.display = 'block';
}
}
</script>
和 HTML
<a id="myHeader" href="javascript:toggle2('myContent','myHeader');" >
<img src="gcont/images/cloud/folder.png" alt="" height="30" width="30"/>
General
</a>
</div>
<div style="clear:both;"></div>
<div id="contentDiv">
<div id="myContent" style="display: none;">
<a href="http://1drv.ms/1ZN0HuD" target="_blank">____Test Sub Article</a></br>
<a href="http://1drv.ms/1PiCKtz" target="_blank">____Green Line Stock</a>
</div>
</div>
有机会使关闭顺利吗?Cuz Close仍然是错误不是动画。谢谢
无需设置display
样式,slideToggle()
会处理它
function toggle2(showHideDiv, switchTextDiv) {
$('#' + showHideDiv).slideToggle();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<a id="myHeader" href="javascript:toggle2('myContent','myHeader');">
<img src="gcont/images/cloud/folder.png" alt="" height="30" width="30" />General</a>
</div>
<div style="clear:both;"></div>
<div id="contentDiv">
<div id="myContent" style="display: none;">
<a href="http://1drv.ms/1ZN0HuD" target="_blank">____Test Sub Article</a>
<br/>
<a href="http://1drv.ms/1PiCKtz" target="_blank">____Green Line Stock</a>
</div>
</div>
相关文章:
- JavaScript动画从不执行
- 最小化时暂停Javascript动画
- 多个链接的Javascript动画
- 使用 JavaScript 动画通过箭头键移动矩形
- javascript动画不适用于chrome和IE
- Javascript动画不稳定
- 即使在另一个选项卡中,也要继续使用Javascript动画
- 小型JavaScript动画集成
- 我应该如何对这个简单的javascript动画进行逆向工程
- JAVASCRIPT-动画块消失,就像它出现时一样
- Javascript动画的行为不符合预期
- 在javascript动画中创建许多类似的元素
- Javascript动画计时
- 如何让javascript动画在href运行之前完成
- 用于Javascript动画的工具
- Javascript动画和360度图像
- JavaScript-动画形状在HTML5<画布>
- 我可以't在时间上限制javascript动画
- 如何使用javascript动画化graphviz
- JavaScript动画运动