10 jQuery Accordionsタブ

この記事では、10の例外的なjQueryタブとアコーディオンを説明します。 タブとアコーディオンの重要な違いは、コンテンツパネルの表示方法と非表示にあります。これらの10の例を掘り下げましょう。 関連記事：Ajax＆cssを使用した10 jQueryタブプラグイン、10の偉大なjQueryアコーディオン。

1。プレミアムボックスアコーディオンメニュー - レスポンシブ

高度にカスタマイズ可能なレスポンシブアコーディオンメニュー。 独自のデザインを作成するためにその機能を試してください。

2。 yetii - まだ（e）別のJavaScriptタブインターフェイス軽量でオブジェクト指向のイエティは、JavaScriptサポートなしでブラウザで優雅に分解します。 複数の独立したタブインターフェイスを作成し、初期タブを設定し、自動回転を有効にし、次の/以前のナビゲーションを追加します。 ソース＆demo

3。新鮮なコンテンツアコーディオン

CSS、jQuery、および滑らかなアニメーション用の緩和プラグインで構築された視覚的に魅力的でカラフルなアコーディオン。

ソース＆demo

4。 jquery 1.4およびcss3 を備えた甘いajaxタブ CSS3とjQuery 1.4を使用して、カラフルでAjax駆動のタブを構築することを学びます。

ソース＆demo

5。 TN34タイムタブ - jQueryプラグイン

Mario AlvesのjQueryプラグインは、設定された間隔でタブを自動的に循環するタブコンテナを作成します。 ほとんどの最新のブラウザと互換性があります

ソース＆demo

6。イージーアコーディオン - jQueryプラグイン

Andrea Cima Serniottiのプラグインは、定義リスト（DLS）を滑らかな水平アコーディオンに変換します。 オプションで、時限スライドショーとして設定します。

ソース＆demo

7。 jQuery smooth tabsプラグイン

スムーズなコンテンツの移行でユーザーエクスペリエンスを強化するユーザーフレンドリーなプラグイン。

ソース＆demo

8。エレガントなアコーディオン - jQueryとCSS3 ホバーにスライドアウトの垂直タブを使用してエレガントなアコーディオンを作成します。 このチュートリアルは、段階的な手順を提供します

ソース＆demo

9。 Collapser - jQueryプラグイン

ページ上の任意の要素を拡張して崩壊させるための軽量プラグイン。

ソース＆demo

10。タブを使用した水平アコーディオンタブとCSSを使用して水平アコーディオンを簡単に作成できます。 CSSで外観をカスタマイズし、パネルのためにマウスオーバーイベントを設定します。

ソース＆demo

11。複数のタブとアコーディオンインスタンス JQuery Tools 1.1.0では、1回の呼び出しで複数のアコーディオンまたはタブインスタンスを許可します。 この例は、5つのタブを示しています。3つのタブが2番目のインスタンス内にネストされています。

ソース＆demo

（注：を置き換えてください。）FAQSセクションは、主に一般的なjQuery知識の繰り返しであったため省略されています。

以上が10 jQuery Accordionsタブの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。