jQuery UI プラグイン

[jQuery UI] タブを実装する(Tabs)

投稿日:

jQueryUIでタブを実装するサンプルです。

サンプルソース

例)2タブ目を初期表示したタブ画面を作成する

実行サンプル

タブを2回クリックすると折りたたまれます。

1ページ目です
2ページ目です
3ページ目です

オプション

Tabsのオプションには以下のようなものがあります。

【オプション】
オプション意味
active初期選択のタブを指定する
 例)2番目のタブを初期選択とする ⇒ active:1
collapsible折り畳み可能とするかどうか
 true:する false:しない(デフォルト)
※trueの場合はタブをダブルクリックすると折りたたまれます。

解説


スポンサーリンク

スポンサーリンク

-jQuery UI, プラグイン

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jqGrid] 指定したセルに色をつける

jqGridで指定したセルに色をつけるサンプルです サンプルソース 例)2行目の金額列に色をつける [crayon-5e ...

[jQuery UI] ボタンを実装する(Button)

jQueryUIを使ったボタンサンプルです。 サンプルソース 例)jQuery UIを使ったボタンサンプル [crayo ...

[jQuery UI] トグルボタンを実装する(Button)

jQueryUIでトグルボタンを実装するサンプルです。 サンプルソース 例)jQuery UIを使ったトグルボタンサンプ ...

[jqGrid] 指定した行に色をつける

jqGridで指定した行に色をつけるするサンプルです サンプルソース 例)ボタンを押すと、2行目の背景色を黄色にする [ ...

[jQuery UI] 日付入力欄を実装する(Datepicker)

jQueryUIで日付入力欄を実装するには、Datepickerを使用します。 サンプルソース 例1)デートピッカーサン ...

スポンサーリンク