WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

Tabs + Accordion

— アドオンWorldWideScripts.netへ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


Tabs + Accordion - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

タブ+アコーディオンは、応答タブやアコーディオンを簡単に作成できjQueryのプラグインです。

これはWordPressのプラグインでありません 。 それはあなたがそのような、統合としてそれを使用するように選択および使用方法は、完全にあなた次第です。

QRコード

\\

メリット

  • あなたは、タブとアコーディオンの両方に同じ、単純なHTMLマークアップを使用することができます。
  • あなたが時間を節約できますつの異なる製品を、統合して使用する方法を学習する必要はありません。
  • タブとアコーディオンのための基本コードの大部分が共有されているので、軽量です。
  • あなたは自分自身をペイントする必要はありませんが、次のことができます。 含まれるテーマと選択肢がたくさんあり​​ます。
  • スクリーンリーダーとのあなたのウェブサイトを訪問人々は愉快タブ+アコーディオンを使用することができます。
  • とJavaScriptを無効にしてあなたのウェブサイトを訪問する人々はタブ+アコーディオン内のコンテンツを逃していません。

特徴

機能の詳細情報については、 情報ページに移動します

反応します

アコーディオンは完全に応答します。 これは、時間がないの小さなに大きなからスケール。 タブでは、応答スイッチがあります。

応答スイッチ

\\

タブは非常によく大画面を打つ場合は、アコーディオンは、よりコンパクトで、より小型のデバイスに適合します。 しかし、どのように選ぶのですか? そうしません。 応答ブレークポイントを設定し、タブが魔法のように一度達しアコーディオンに変身します。

テーマ

あなたが開始するための4つのテーマを取得し、あなたはCSSやLESSで独自に作成することができます。 HTMLマークアップは単純なので、テーマはヘッドブレーカであってはなりません。 独自の素晴らしいテーマをキックスタートするには、空のテーマは、同様に含まれています。

複数およびネストされたインスタンス

もちろん、同じページ上の複数のインスタンスがサポートされています。 状況がそれを必要とする場合は、タブにタブやタブに実際にネストアコーディオン缶や...

保存状態

HTML5ローカルストレージでアクティブタブまたはアコーディオンパネルが保存され、ページを再入力時に復元します。 または、単一のブラウジングセッション中の状態を記憶してセッションストレージのために選択することができます。

ハッシュウォッチ(ベータ版)

ハッシュ·ウォッチは、あなたのURLを介して、任意のタブやアコーディオンパネルにリンクするためのオプションを提供します。 クリックしてページの読み込み時にすると、ハッシュがチェックされ、それが一致した場合、対応するパネルが自動的に展開されます。 例: デモで開くパネル2。

メディアを一時​​停止

新しいパネルに行くときに一時停止メディアオプションを使用すると、現在のパネルの内側HTML5オーディオとビデオの要素が自動的に一時停止されます。

アクセス可能な

異なるパネルにアクセスするには、キーボードを使用してください。 その後、最初の要素にフォーカスしてナビゲートするには、左、右、下または矢印キーアップを押します。

JavaScriptが無効にすると、タブ+アコーディオンの内容がアクセス可能な状態のままです。

テスト済み

タブ+アコーディオンはChromeのは、Firefox、IE8、IE9、オペラ、サファリ5とiOS上でテストされています。

縮小さとソースのバージョン

コメントしたソースファイルは、開発のためにそこにいる間縮小されるJavaScriptファイルは、最高のパフォーマンスを提供します。

十分に文書化

タブ+アコーディオンをできるだけ単純に作られているが、それはあなたを助けるためにドキュメントを拡張しました。

美しいCSS3トランジション

彼らは、滑らかで、高速かつ将来の証拠です。
アコーディオンは拡大し、崩壊時に美しいトランジションを持っています。 タブを使用すると、なしのクラシックを行くことができるか微妙なクロスフェード遷移にオプトイン。

もっと少なく

とたまり場たいLESS ? そこにあなたが行く、LESSスタイルシートは、ダウンロードパッケージに含まれています。

互換RequireJS

タブ+アコーディオンと互換性がありRequireJSAMDの仕様

強力なAPI

拡大パネルを設定したり、スイッチタイプ、タブ+アコーディオンは、コード単位の変更をトリガーするために使用できる強力なJavaScriptのAPIを提供します。
APIドキュメントに移動し 、利用可能な方法、オプション、およびイベントの完全な概要について。

サポート


ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

作成された:
27 8月12日、最終更新日

キーワード

eコマース, すべてのアイテム, アクセシビリティ, アコーディオン, API, CSS3, HTML5, JavaScriptの, jqueryの, より少ない, のlocalStorage, RequireJS, 応答性, のsessionStorage, タブ, トランジション, UI