怎么用js或jq点击展开，出现隐藏的DIV,点击收起DIV又隐藏起来.

<script type="text/javascript">
$(function() {
    $("#toggle").click(function() {
        $(this).text($("#content").is(":hidden") ? "收起" : "展开");
        $("#content").slideToggle();
    });
});
</script>

调用

<a href="#" id="toggle">展开</a>
<div id="content" style="display: none;"><p>隐藏内容<p><p>隐藏内容<p></div>

方法二：

<script>

$(function(){
$('#d1').click(function(){//给d1绑定一个点击事件;
            
        
        if($('#d2').is(':hidden'))
        {
          $('#d2').slideDown('slow');  
          $(this).text('收起');
        }else{
          $('#d2').slideUp('slow');
          $(this).text('展开');  
            }
                
    
});
});
</script>
<div id='d1'>展开</div>
<div id='d2' style=" display:none">内容</div>