jQuery 手风琴效果

  //点击标题弹出对应的div 再次点击则隐藏

             //jQuery只能获取行内的样式 没法获取头部的样式
             $(".parentWrap .menuGroup span.groupTitle").click(function() {
                 if ($(this).attr("title") == "aa") {
                     $(this).next("div").show();
                     $(this).attr("title", "");
                 } else {
                     $(this).next("div").hide();
                     $(this).attr("title", "aa");
                 }
             });

html代码：给它一个属性用于判断

 <ul class="parentWrap">
         <li class="menuGroup">
             <span class="groupTitle" title="aa">标题1</span>
             <div>我是弹出来的div1</div>
         </li>
         <li class="menuGroup">
             <span class="groupTitle" title="aa">标题2</span>
             <div>我是弹出来的div2</div>
         </li>
         <li class="menuGroup">
             <span class="groupTitle" title="aa">标题3</span>
             <div>我是弹出来的div3</div>
         </li>
         <li class="menuGroup">
             <span class="groupTitle" title="aa">标题4</span>
             <div>我是弹出来的div4</div>
         </li>
     </ul>