用Jquery實現折疊效果

用Jquery實現折疊效果

關鍵代碼：

第 一行將向<div class="accordion"> 內的第一個<H3> 添加一個CSS class為"active"的值。 第二行剛是隱藏<div class="accordion">內非第一個< p >的內容。

當 <h3> 被點擊時，當前<p>下拉，而原先下拉的<p> 上提。

$(document).ready(function(){

    $(".accordion h3:first").addClass("active");    $(".accordion p:not(:first)").hide();

    $(".accordion h3").click(function(){

      $(this).next("p").slideToggle("slow")  .siblings("p:visible").slideUp("slow");      $(this).toggleClass("active");      $(this).siblings("h3").removeClass("active");

    });

});

服務器租用/服務器托管中國五強！虛擬主機域名注冊頂級提供商！15年品質保障！--億恩科技[ENKJ.COM]