jquery_ui

1、Tabs:

Html结构：

    <div id="tabs">
           <ul><!--tabs标题定义-->
                <li><a href="#Div1">11</a></li> <!--描点连接 指定div的ID-->
               <li><a href="#Div2">22</a></li>
                <li><a href="#Div3">33</a></li>
           </ul>
            <div id="Div1">tab1</div>
            <div id="Div2">tab2</div>
            <div id="Div3">tab3</div>
       </div>        

js:

 $(function () {
            $("#tabs").tabs();
        });

2、accordion

Html结构：

 <div class="accordion">
    <!--H3作为顶级元素，其相邻的div作为子集元素 -->
                <h3><a href="#">发票查询</a></h3>
                <div>
                   <ul>
                        <li><a href="#">发票号源</a></li>
                        <li><a href="#">发票开具</a></li>
                        <li><a href="#">结报纳税</a></li>
                    </ul>
                </div>
                <h3><a href="#">发票处理</a></h3>
                <div>
                    <ul>
                        <li><a href="#">作废红冲</a></li>
                    </ul>
                </div>
                <h3><a href="#">警示信息</a></h3>
                <div>
                    <ul>
                        <li><a href="#">警示信息</a></li>
                    </ul>
                </div>
                <h3><a href="#">导入导出</a></h3>
                <div>
                    <ul>
                        <li><a href="#">免费车辆信息</a></li>
                    </ul>
                </div>
            </div>

js:

  $(function () {
            $(".accordion").accordion();            
        });