Estoy buscando una simple diapositiva para un enlace de leer más y luego cuando se expande un enlace de menos lectura.jQuery: Leer más/Menos Slide Toggle?
Exactamente como this pero tiene que deslizarse hacia abajo en lugar de simplemente aparecer así.
La altura inicial debe establecerse también, ya sea a través de las palabras o la altura de la caja.
¿Alguna idea, es bastante simple de lograr?
Gracias por cualquier ayuda :)
Tome una mirada @here http://www.w3schools.com/jquery/eff_slidetoggle.asp
El ejemplo que usted ha mencionado función de uso de palanca(), que solo muestra u oculta el elemento (display: block/oculta) y sin cualquier efecto
Tiene que usar la función slideToggle(), que hace lo mismo, pero con efecto deslizante.
$("button").click(function(){
$("p").slideToggle();
});
Gracias chicos, necesito el 'leer más' para cambiar a 'leer menos' He encontrado algunos ejemplos de clics hacia arriba y hacia abajo, pero necesito cambiar eso realmente. – Jezthomp
podría utilizar jQuery de funciones integradas a .slide() o animar()
así que en vez de utilizar:
$('#someElement').html('some content');
tratar
$('#someElement').html('some content').slideDown(some speed ie 600);
que había necesidad de ocultar (es decir, mostrar: ninguno) el área de contenido primero. tal vez envolver el contenido en un div con una id/clase y configurarlo para mostrar: ninguno
Tarde pero nunca, creo que este plugin es muy útil. Tiene un montón de grandes opciones y muy flexible
Si su texto supera más de una línea, hay un salto de línea antes del texto "más". Malo. – oyvey
Es muy sencillo, pero eficaz.
$(".button").click(function(){
var moreAndLess = $("p").is(':visible') ? 'More' : 'Less';
$(this).text(moreAndLess);
$("p").slideToggle();
});
¿Por qué no intentas seguir el tutorial que has vinculado y cambiar alternar() por slideToggle()? – Miquel