您的位置:首页 > Web前端 > JQuery

jquery slideToggle() 效果

2017-10-09 11:46 218 查看
slideToggle()
函数用于切换所有匹配的元素,并带有滑动的过渡动画效果。

所谓"切换",也就是如果元素当前是可见的,则将其隐藏(向上滑动);如果元素当前是隐藏的,则使其显示(向下滑动)。

做了一个展开闭合的效果,现在默认效果为展开的,目前修改为闭合

<script>
$(document).ready(function(){
$("#con").mouseover(function(){
$("#content").slideToggle("slow");

});

});

</script>

<p id="con">文章管理</p>
<div id="content">
<p><a href="add_content.php" target="rightFrame">添加文章</a></p>
<p><a href="content.php" target="rightFrame">文章列表</a></p>
</div>

代码如下:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: