Easy Responsive Tabs
Easy Responsive Tabs es un plugin jQuery ligero que optimiza las pestañas horizontales o verticales adaptable a los distintos dispositvos: PC, tabletas, móviles (iPad y del iPhone). Este plguin se adapta al tamaño de la pantalla y cambia su forma en consecuencia.
Características
- Permite tabs horizontal y vertical
- jQuery Tabs
- Soporta múltiples contenedores de tabs en la misma página
- Compatibilidad entre navegadores (IE7 +, Chrome, Firefox, Safari y Opera)
- Soporte de dispositivos múltiples (PC, Tabletas y móvil)
- Enlace directo a la pestaña especificada
- Mantiene estado de pestañas cuando se navega fuera de la página y luego regresar usando atrás o hacia adelante
- Pestañas anidadas
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
12 respuestas a “Easy Responsive Tabs”
Deja una respuesta
8 artículos que te podrían interesar
Ver más sobre
como puedo quitar el id que se genera en la url, al utilizar el tabs?
Hola,
Tienes dos posibilidades:
1- Contactar con el desarrollador de este plugin para ver si es posible quitarlo -> https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion
2- Utilizar otro sistema de tabs que no incorpore identificadores como por ejemplo -> https://www.jose-aguilar.com/blog/jquery-slidertabs/
Gracias por compartir este excelente plugin, es justo lo que necesito para implementar en un proyecto.
Tengo una pregunta Easy Responsive Tabs es compatible con Boostrap 4.1?
Recibe un cordial saludo.
Hola,
En principio no debería haber problemas.
Saludos
Hola jose , gracias por la respuesta.
saludos
Hola, como logro que en forma de accordeon siempre se minimiza el que este abierto en ese momento. Necesito que se mantengan mas de uno abierto y que al volver a modo tabs el ultimo que se abrio es el que debe estar abierto.
Saludos
Hola,
Gracias por tu mensaje.
Desconozco que con este plugin se pueda disponer de esta posibilidad. Quizá si le das un vistazo a las opciones del plugin puedas implementar lo que andas buscando:
https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion
Saludos
Buenas noches estoy intentando poner en otro menu que no sea el primero otros sub menus como lo logro
Buenas! como logras poner en vertical los menus del tab?
a mi me salen siempre en top o boton:
Menu 1 menu 2 menu 3
y quiero:
menu 1
menu 2
menu 3
Algun ejemplo??
HOla,
En el código fuente puedes ver como hago para poner en vertical. La llamada que uso del plugin es la siguiente:
//Vertical Tab
$(‘#parentVerticalTab’).easyResponsiveTabs({
type: ‘vertical’, //Types: default, vertical, accordion
width: ‘auto’, //auto or any width like 600px
fit: true, // 100% fit in a container
closed: ‘accordion’, // Start closed if in accordion view
tabidentify: ‘hor_1’, // The tab groups identifier
activate: function(event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $(‘#nested-tabInfo2’);
var $name = $(‘span’, $info);
$name.text($tab.text());
$info.show();
}
});
Saludos
Amigo Aguilar, buenas tardes, antes que nada un cordial saludo, y por medio de la presente te manifiesto que cada vez que entro a tu portal me sorprende lo fácil que tu haces las cosas…!!!!
Esta demás decirte que este blog esta excelente y sencillo para que cualquier persona pueda entenderlo…!!!
A modo de acotación seria excelente que le anexaras a los tabs un icono en las pestañas y que al hacer dimensionar el texto de las pestañas desaparezca y solo quede el icono, creo que eso seria muy elegante y mejoraría mas aun tu tabs responsive…!!!!
Hola buenos días,
Muchas gracias por su agradecimiento. Intentamos hacerlo lo mejor posible. Precisamente este plugin lo usamos en nuestra tienda de módulos y va fenomenal. Cualquier mejora como la que comenta en el último párrafo se puede hacer sin problemas si tienes mínimos conocimientos de html y css.
Saludos