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

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


Toggle Panel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Panel Toggle es un plugin de jQuery ligero que ayuda a crear contenido conmutable.

Buscando un acordeón en su lugar? Echa un vistazo a Acordeón A o Tabs + Acordeón.

Código QR

Características

Ancho de Fluidos

Panel Toggle encaja perfectamente en un diseño de respuesta o líquido. Anchura fija es posible también.

Opción de texto Ampliado

Especifique un texto ampliado (por ejemplo, "Leer más" cuando se derrumbó y "Leer menos" cuando se expande), ya sea a través de un atributo de datos o como una opción de jQuery.

Accesible

Una vez que el elemento de panel de conmutación está enfocado, puede utilizar la tecla de espacio para activarlo.

Con JavaScript desactivado, el contenido sigue siendo visible y accesible.

Guardar estado

Con HTML5 Almacenamiento local del estado (expandido o colapsado) se guarda y restaura al volver a entrar en la página. O puede optar por almacenamiento de las sesiones, que recuerda el estado durante una sola sesión de navegación.

Hash reloj

Enlace Hash a cualquier panel de palanca o de su contenido.

Pausa Medios

Con la opción de Medios Pausa, HTML5 de audio y video elementos dentro de un panel de palanca se detienen automáticamente cuando se derrumbó.

Bien documentado

Aunque Panel Toggle está hecho tan simple como sea posible, se ha ampliado la documentación para ayudarle a salir.

Transiciones CSS3

Transiciones CSS3 suave y hermosa llevar Panel de palanca a la vida.

MENOS

Al igual que para el Hangout con MENOS? Hay que ir, las hojas de estilo MENOS están incluidas en el paquete de descarga.

Temas

Dos temas se incluyen, Minimal y en caja.

Adicionalmente, hay un vacío y CSS MENOS tema que se puede utilizar para reactivar su cuenta.

Cargar contenido a través de AJAX
  • El contenido se carga una vez
  • Panel se expande cuando el contenido está listo
  • Opción para especificar un selector
  • Tema Minimal tiene un icono de carga (que se puede cambiar a través de CSS) que es Retina listo
  • Mensajes de error personalizados
  • Compatible con jQuery Ajax Reintentar
Múltiples instancias y anidadas

Puede crear varias instancias en la misma página y puede incrustar paneles basculantes de múltiples niveles.

Potente API

La expansión, colapsando y alternar contenido se puede hacer a través de la API.
Ir a la documentación de la API para obtener una descripción completa de los métodos, las opciones disponibles y eventos.

Apoyo


Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
06 de octubre 12

Última actualización:
N / A

Alta Resolución:

Navegadores compatibles:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome, archivos incluidos

Versión de software:
jQuery

Palabras clave

eCommerce, todos los artí, culos, accesibilidad, ajax, plegable, css3, ampliable, javascript, jquery, menos, localStorage, leer má, s, sessionStorage, palanca caja, de palanca del panel, la transició, n, ui