jQuery UI

タブで切り替え表示する(動作しない)

$('#tab-container > ul').tabs();

CSS設定


}


実行例 

主な使用

  • HTML 1.01
  • XHTML1.25
  • HTML5, XHTYM2(策定中)

主な使用

  • HTML 1.01
  • XHTML1.25
  • HTML5, XHTYM2(策定中)

主な使用

  • HTML 1.01
  • XHTML1.25
  • HTML5, XHTYM2(策定中)

html
<div id="tab-container">
  <ul>
    <li><a href="tab-panel-1"><span>HTML</span></a></li>
    <li><a href="tab-panel-2"><span>HTML</span></a></li>
    <li><a href="tab-panel-3"><span>HTML</span></a></li>
  </ul>

  <div id="tab-panel-1">
     <h4>主な使用</h4>
     <ul>
       <li>HTML 1.01</li>
       <li>XHTML1.25</li>
       <li>HTML5, XHTYM2(策定中)</li>
     </ul>
  </div>

  <div id="tab-panel-2">
     <h4>主な使用</h4>
     <ul>
       <li>HTML 1.01</li>
       <li>XHTML1.25</li>
       <li>HTML5, XHTYM2(策定中)</li>
     </ul>
  </div>

  <div id="tab-panel-3">
     <h4>主な使用</h4>
     <ul>
       <li>HTML 1.01</li>
       <li>XHTML1.25</li>
       <li>HTML5, XHTYM2(策定中)</li>
     </ul>
  </div>

</div>