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 till WorldWideScripts.net

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


Toggle Panel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Växla Panel är en lätt jQuery plugin som hjälper dig att skapa toggleable innehåll.

Söker ett dragspel i stället? Kolla Dragspel A eller flikar + dragspel.

QR Code

Egenskaper

Fluid bredd

Växla Panel passar rätt in i en responsiv eller vätske design. Fast bredd är möjligt också.

Expanderad textalternativ

Ange en utökad text (t.ex. "Läs mer" när kollapsade och "Läs mindre" när expanderad) antingen via en dataattribut eller som ett alternativ jQuery.

Accessible

När toggle panelelementet är fokuserad, kan du använda mellanslagstangenten för att växla den.

Med JavaScript inaktiv, innehåll förblir synlig och tillgänglig.

Save State

Med HTML5 lokal lagring staten (expanderad eller kollapsade) sparas och återställs när reentering sidan. Eller du kan välja för Session Förvaring, som minns staten under en enda sessionen.

Hash Watch

Hash länk till någon toggle panelen eller dess innehåll.

Paus Media

Med alternativet Paus Media, är HTML5 ljud och video element inuti en toggle panelen automatiskt pausas när den kollapsade.

Väl dokumenterat

Även Toggle Panel görs så enkelt som möjligt, har det förlängts dokumentation för att hjälpa dig.

CSS3 övergångar

Släta och vackra CSS3 övergångar föra Växla Panel till liv.

MINDRE

Gillar att kaféet med MINDRE? Där går du, desto mindre mallar ingår i paketet för nedladdning.

Teman

Två teman ingår, Minimal och Boxed.

Additionaly, det finns en tom CSS och MINDRE tema som du kan använda för att rivstarta din egen.

Ladda innehåll via AJAX
  • Innehåll är laddad gång
  • Panel expanderar när innehållet är klar
  • Möjlighet att ange en väljare
  • Minimal tema har en ikon belastning (som kan ändras via CSS) som är Retina klar
  • Meddelanden Anpassad fel
  • Kompatibel med jQuery Ajax Försök igen
Flera och kapslade instanser

Du kan skapa flera instanser på samma sida och du kan bädda växla paneler flera nivåer.

Kraftfull API

Expanderande, kollapsar och växla innehåll kan ske via API.
Gå till API-dokumentationen för en fullständig översikt över tillgängliga metoder, optioner och händelser.

Support


Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
6 oktober 12

Senaste uppdatering:
N / A

Högupplösta:
Ja, Kompatibla webbläsare

Programversion:
jQuery

Nyckelord

e-handel, alla artiklar, tillgä, nglighet, ajax, hopfä, llbar, CSS3, utbyggbart, javascript, jQuery, mindre, local, lä, s mer, sessionstorage, toggle rutan, vä, xla panel, ö, vergå, ng, ui