怎么用js或jq點擊展開，出現隱藏的DIV,點擊收起DIV又隱藏起來.

方法一：
1 <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>
/*展開和收起用一個div,也可以說它是個按鈕,假設它的id=d1;
假設需要顯示和隱藏的div叫d2;
下面這段代碼只是粗略的實現了你的要求,主要是給你提供個思路;
*/
$(function(){
$('#d1').click(function(){//給d1綁定一個點擊事件;
            
        /*這個判斷的意義是,如果d2是隱藏的,那么讓它顯示出來,並將d1的文本內容替換成收起,
        如果是顯示的,那么就隱藏它並將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>