Jquery UI について質問です。

下記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>

回答の条件
  • 1人2回まで
  • 登録:2009/09/28 13:08:30
  • 終了:2009/10/05 13:10:02

回答(1件)

id:kaz No.1

kaz回答回数200ベストアンサー獲得回数422009/09/28 13:35:51

ポイント60pt

それぞれで、さらに切り替え効果を使いたい訳ではなく、

「単純な文章だけでなく ul リストが使えるか」という事で良いでしょうか?


それであれば可能です。

<div id="fragment-○"> 〜 </div> で囲まれた内容を、

該当タブをクリックした時に表示するだけなので、ul に限らず、img / table なども使用可能です。

(つまり、ページ全体を切り替えるような効果も可能です)

id:yossui_coll

はい。その通りです。ありがとうございます。

文章以外に ul リストが使えるかが知りたいと思っています。

div id="rotate" でくくられてしまうため、

ul をつかうと緩衝してしまうのではないかと思っていました。

※ちなみに何故 ul かというと、使用しているプログラムで ul 以下が

自動展開されてしまうためです。

2009/09/28 13:46:00

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません