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>