下記URLは Jquery UI のデモページです。
http://stilbuero.de/jquery/tabs_3/rotate.html
この section1 ~ 5までの各タブは UI liタグで構成されています。
その中身( 各IDで呼び出される divの中 )にも UIタグは使用できるのでしょうか?
テストする環境がないので、「できない」か「こうすればできる」、というやり方を
教えていただけると幸いです。
※基本的な構成 (あ~う のタブをクリックするとfragment-1~3が呼び出される)
<div id="rotate">
<ul>
<li><a href="#fragment-1"><span>あああ</span></a></li>
<li><a href="#fragment-2"><span>いいい</span></a></li>
<li><a href="#fragment-3"><span>ううう</span></a></li>
</ul>
<div id="fragment-1"><p>テスト1</P></div>
<div id="fragment-2"><p>テスト2</P></div>
<div id="fragment-3"><p>テスト3</P></div>
</div> //END rotate
※下記のように、UIなどリストタグを使いたい。
<div id="fragment-1">
<ul>
<li><a href="http://">PS3</a></li>
<li><a href="http://">Wii</a></li>
<li><a href="http://">ネオジオ</a></li>
</ul>
</div>
それぞれで、さらに切り替え効果を使いたい訳ではなく、
「単純な文章だけでなく ul リストが使えるか」という事で良いでしょうか?
それであれば可能です。
<div id="fragment-○"> 〜 </div> で囲まれた内容を、
該当タブをクリックした時に表示するだけなので、ul に限らず、img / table なども使用可能です。
(つまり、ページ全体を切り替えるような効果も可能です)
はい。その通りです。ありがとうございます。
文章以外に ul リストが使えるかが知りたいと思っています。
div id="rotate" でくくられてしまうため、
ul をつかうと緩衝してしまうのではないかと思っていました。
※ちなみに何故 ul かというと、使用しているプログラムで ul 以下が
自動展開されてしまうためです。