Plugin JQuery para expandir y colapsar listas de definición.
lunes, septiembre 27, 2010 @13:56
Sencillo y simple plugin JQuery para expandir y colapsar listas de definición dl
. Añade una nueva clase llamada .active
al termino de definición (dt
) que ha sido clickeado y se encuantra activo.
El parametro necesario sera el #id del elemento de lista que queremos hacer colapsable, por ejemplo: $('#my-list').listExpander();
(function( $ ){
$.fn.listExpander = function() {
var obj = $(this);
var trigger = $('dt', obj);
var content = $('dd', obj);
content.hide();
trigger.click(function() {
$(this).next().slideToggle(350);
$(this).toggleClass('active');
});
};
})( jQuery );
Etiquetas: javascript, jquery, plugin
0 comentarios
Publicar un comentario