jquery slideToggle() 效果

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 >