用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]