タブのサンプル

tabのサンプルです。

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>  
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">

<script>
  $(function() {
    $("#tabhoge").tabs();
  });
</script>

<div id="tabhoge">
    <ul>
      <li><a href="#t-1">タブ1</a></li>
      <li><a href="#t-2">タブ2</a></li>
      <li><a href="#t-3">タブ3</a></li>
    </ul>

    <div id="t-1">コンテンツ1</div>
    <div id="t-2">コンテンツ2</div>
    <div id="t-3">コンテンツ3</div>
</div>



投稿日

カテゴリー:

,

投稿者:

タグ: