より高度なGUI部品を使おう！(5/5):jQuery Mobileによるスマートフォン用Webサイト作成入門 - libro

jQuery UIを利用した例として、もう１つ「タブパネル」を作ってみましょう。タブパネルは、タブをクリックして表示を切り替えるGUIですね。スマートフォンでも同様の働きをするGUIはあります。タブパネルが画面に表示されても、それほど違和感はないでしょう。 下のリスト欄に、簡単なサンプルをあげておきます。アクセスすると、「No,1」「No,2」という２つのタブを持ったパネルが表示されます。もちろん、タブをクリックすれば表示を切り替えることができます。 タブパネルの表示は、ちょっと面倒です。あらかじめ指定された形式に従ってタグを用意して置かなければいけません。整理すると以下のような形になります。 <div id="タブパネルのID"> <ul> <li><a href="#１つ目の表示">１つ目のタブ</a></li> <li><a href="#２つ目の表示"２つ目のタブ</a></li>

[knmsyk]

アコーディオンパネル（上下にタブが移動して表示するタイプ）は筆者の環境では正しく機能しませんでした。