2009-10-20 22 views
23

Al usar las Extensiones Telerik para ASP.NET MVC, ¿cómo puedo ocultar todas las Pestañas de Acordeón en la página cargando? Por defecto, expandirá la primera pestaña de Acordeón en la página cargando! ¡Muchas gracias!Contraer todas las pestañas en un acordeón en jquery?

+0

Comprobar esto: http://codepen.io/rochapablo/editor/YPXbQM – Pablo

Respuesta

3

Ver el jQuery, lo más probable es una opción para especificar la pestaña que se mostrará; por defecto, este es probablemente el primero. Puede anular el comportamiento agregando jQuery adicional.

Si el acordeón es un UL anidada, el jQuery para ocultar todos los elementos UL anidados serían así:

$('ul.accordion ul').hide();

Asegúrese de colocar esto después de la jQuery que pone en marcha la funcionalidad de acordeón. Al hacer clic en cualquiera de los principales LI debería mostrar la UL anidada.

El marcado puede ser diferente, pero la lógica debe ser muy similar.

+0

gracias por su ayuda, pero las extensiones de Telerik tiene un poco diferente, muestran que sólo puede utilizar la función de ocultar para ocultar el acordeón –

+2

Esto se ocultará como sugirió. Pero el elemento activo estará activo. Entonces, 'activo: falso' es lo correcto. – chhantyal

97

Pruebe esto:

Desactivará todo el panel activo (abierto).

$('.accordion').accordion({ 
    active: false, 
    collapsible: true    
}); 
+0

¡Gracias por el consejo! –

+0

¡Increíble funciona como un encanto! –

Cuestiones relacionadas