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="rightFrame">文章列表</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>