Tad 教材網 - 垂直選單

2-3 垂直選單

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>jquery測試</title>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="jquery.tools.min.js"></script>
    <link rel="stylesheet" type="text/css" href="tabs-accordion.css">

    <script type="text/javascript">
    $(function(){
        $("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide'});
    });
    </script>
</head>
<body>
    <div id="accordion">
        <h2>關於這個特效</h2>
        <div class="pane">111</div>

        <h2>修改id名稱</h2>
        <div class="pane">222</div>

        <h2>修改外觀</h2>
        <div class="pane">333</div>

    </div>

</body>
</html>