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="rightFra me">文章列表</a></p>
</div>
代码如下:
<
script
>
$(document).ready(function(){
$("#con").hover(function(){
$("#content").slideToggle("slow");
});
});
</
script
>
<
p
id
=
"con"
>文章管理</
p
>
<
div
id
=
"content"
style
=
"display:none"
>
<
p
><
a
href
=
"add_content.php"
target
=
"rightFrame"
>添加文章</
a
></
p
>
<
p
><
a
href
=
"content.php"
target
=
"rightFrame"
>文章列表</
a
></
p
>
</
div
>