js折叠面板

 <div class="box">
            <h1>折叠面板</h1>
            <p>1</p>
  </div>
 <div class="box">
            <h1>折叠面板</h1>
            <p>2</p>
 </div>
<div class="box">
            <h1>折叠面板</h1>
            <p>3</p>
  </div>
p{
    display: none;
}
h1{
    font-size: 14px;
}
js代码
 $(".box").click(function(){
           var i = $(this).index();
            $(this).find("p").toggle();

     })
  如果要动画进行的好看一点就是
   $(".box").click(function(){
           var i = $(this).index();
           $(this).find("p").slideToggle(800);
     })