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 / Miscellaneous

Toggle Panel

— アドオンWorldWideScripts.netへ

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

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


Toggle Panel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

トグルパネルでは、トグル可能コンテンツを作成するのに役立ちます軽量のjQueryのプラグインです。

代わりにアコーディオンをお探しですか? チェックアウトアコーディオンAまたはタブ+アコーディオンを

QRコード

特徴

流体幅

トグルパネルは、右の応答または流体設計に収まる。 固定幅はあまりにも可能です。

拡大テキストオプション

展開されたテキストを指定します(例:「もっと読む」を展開すると、「小さいお読み "崩壊した場合)データ属性を介して、またはjQueryのオプションのいずれかとして。

アクセス可能な

トグルパネル要素がフォーカスされたら、それを切り替えることがスペースキーを使用することができます。

JavaScriptが無効の場合、コンテンツが表示され、アクセスのまま。

保存状態

HTML5ローカルストレージを備え状態(展開または縮小)が保存され、ページを再入力時に復元。 または、単一のブラウジングセッション中の状態を記憶してセッションに保存のために選択することができます。

ハッシュ·ウォッチ

すべてのトグルパネルまたはそのコンテンツへのリンクをハッシュ。

メディアを一時​​停止

それが折りたたまれたとき一時停止メディアオプションを使用すると、トグルパネル内部のHTML5のオーディオとビデオの要素が自動的に一時停止されている。

十分に文書化

トグルパネルはできるだけシンプルに作られているが、それはあなたを助けるためにドキュメントを拡張しました。

CSS3トランジション

滑らかで美しいCSS3遷移が生活に切り替えパネルを持って来る。

もっと少なく

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

テーマ

2つのテーマは、最小と箱入り、含まれています。

Additionaly、あなた自身をキックスタートするために使用できる空のCSSとLESSテーマがあります。

AJAXを介して負荷コンテンツ
  • コンテンツは一度ロードされている
  • コンテンツは準備ができたときにパネルが展開され
  • セレクタを指定するオプション
  • 最小限のテーマは、網膜準備ができている(CSSで変更できます)、ローディングアイコンが表示されている
  • カスタムエラーメッセージ
  • との互換性jQueryのAjaxの再試行
複数およびネストされたインスタンス

あなたは、同じページに複数のインスタンスを作成することができますし、トグルパネルを複数のレベルを埋め込むことができます。

強力なAPI

拡大、崩壊とトグルコンテンツは、APIを介して行うことができます。
APIドキュメントに移動し 、利用可能な方法、オプションやイベントの完全な概要については。

サポート


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

プロパティ

:
6 10月12日に作成、最終更新日

高分解能:
YES

推奨ブラウザ:
IE8、IE9、IE10は、Firefox、Safariは、オペラ、クローム、ファイルが含ま

キーワード

eコマース, すべてのアイテム, アクセシビリティ, AJAX, 折りたたみ可能な, CSS3, 拡張可能な, ジャバスクリプト, jqueryの, より少ない, のlocalStorage, より多くのを読んで, sessionStorageの, トグルボックス, トグルパネル, トランジション, UI