domingo, 8 de mayo de 2011

Deslizamiento SlideToogle Jquery con Imagen

Bueno pues esto es mas sencillo de lo que suena, es decir necesitas deslizar un panel y mostrar una imagen y una vez que se oculte el panel se oculte la imagen bueno pues la funcion es mas o menos asi

$(document).ready(function() {
  $("#contenedor").click(function(){
  $("#contenido").slideToggle('slow', function() { 
 
$("#imagen").attr("src",$("#imagen").attr("src")=="img/up.gif" ? "img/down.gif" :
"img/up.gif");
                });
 });
    });
 
Tomando en cuenta que en el html debes tener algo mas o menos asi
un div con un id contenedor
abajo y afuera de ese div otro div con el id contenido
y una imagen colocada donde sea con el id imagen

No hay comentarios:

Publicar un comentario