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

— Add- On per WorldWideScripts.net

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


Toggle Panel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Toggle Panel è un plugin jQuery leggero che consente di creare contenuti toggleable.

Cerchi una fisarmonica, invece? Scopri Fisarmonica A o Tabs + Fisarmonica.

QR Code

Caratteristiche

Larghezza Fluid

Toggle Panel si adatta a destra in un design sensibile o fluido. Larghezza fissa è possibile troppo.

Opzione testo espanso

Specificare un testo esteso (ad esempio, "Leggi tutto", quando è crollato e "Leggi di meno" quando espanso) sia tramite un attributo di dati o come opzione jQuery.

Accessibile

Una volta che l'elemento piano basculante è focalizzata, è possibile utilizzare il tasto spazio per attivarlo.

Con JavaScript disabilitato, il contenuto rimane visibile e accessibile.

Save State

Con HTML5 Local bagagli Stato (espanso o compresso) viene salvato e ripristinato al rientro della pagina. Oppure si può scegliere per Session bagagli, che ricorda lo stato durante una singola sessione di navigazione.

Hash Guarda

Link Hash a qualsiasi pannello di ginocchiera o il suo contenuto.

Pausa media

Con l'opzione Supporti Pause, elementi audio e video HTML5 all'interno di un pannello di commutazione sono in pausa automaticamente quando è crollato.

Ben documentato

Sebbene Toggle Panel è fatto il più semplice possibile, ha esteso la documentazione per aiutarvi.

Transizioni CSS3

Transizioni CSS3 liscio e bello portare Toggle Pannello di vita.

DI MENO

Piace di ritrovo con LESS? Ci si va, meno fogli di stile sono inclusi nel pacchetto di download.

Temi

Due temi sono compresi, Minimal e Boxed.

Additionaly, c'è un vuoto CSS e meno tema che è possibile utilizzare per kickstart il proprio.

Carica contenuto tramite AJAX
  • Il contenuto viene caricato una volta
  • Pannello espande quando il contenuto è pronto
  • Opzione per specificare un selettore
  • Tema Minimal ha un'icona di carico (che può essere modificato tramite CSS), che è pronto Retina
  • I messaggi di errore personalizzato
  • Compatibile con jQuery Ajax Riprova
Molteplici e nidificati istanze

È possibile creare più istanze sulla stessa pagina e si può incorporare i pannelli ginocchiera più livelli.

Potente API

Espansione, collasso e commutando il contenuto può essere fatto attraverso l'API.
Vai alla documentazione API per una panoramica completa dei metodi disponibili, le opzioni e gli eventi.

Supporto


Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
6 ottobre 12

Ultimo aggiornamento:
N / A

Alta Risoluzione:
yes

browser compatibili:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, file inclusi

Software Version:
jQuery

Parole chiave

eCommerce, tutti gli articoli, l'accessibilità, ajax, pieghevole, css3, espandibile, javascript, jQuery, meno, LocalStorage, per saperne di più, sessionstorage, toggle scatola, toggle panel, transizione, ui