CS-Cartのタブコンポーネントを使う

CS-Cartでタブコンポーネントを使う方法です。

{script src="js/tygh/tabs.js"}

<div class="ty-tabs cm-j-tabs clearfix">
  <ul class="ty-tabs__list">
    <li id="foo" class="ty-tabs__item cm-js active">
      <a class="ty-tabs__a">Foo</a>
    </li>
    <li id="bar" class="ty-tabs__item cm-js">
      <a class="ty-tabs__a">Bar</a>
    </li>
    <li id="buz" class="ty-tabs__item cm-js">
      <a class="ty-tabs__a">Buz</a>
    </li>
  </ul>
</div>

<div class="cm-tabs-content ty-tabs__content clearfix">
  <div id="content_foo">
    Foo
  </div>
  <div id="content_bar">
    Bar
  </div>
  <div id="content_buz">
    Buz
  </div>
</div>