[JQuery & JQuery UI] 'Saltito' en .show() en Firefox

[anhellido]

Bien, recuerdo que hace un tiempo vi la solucion a este problema... pero puedo recordar ni cual era, ni donde la vi

Pongo que es JQuery u JQuery UI por que me sucede con ambos. Voy a poner el ejemplo tal y como esta implementado, aunque no va a servir de nada puesto que es lo mas simple del mundo.

Código PHP:

  $(document).ready(function() 
{ 
    $("#modif_search").click( 
        function(){ 
            $("#adv_search").toggle("blind", 500); 
        } 
    ); 
});  
   

La animacion funciona, se muestra y se esconde alternativamente, el problem es que pega como una especie de saltito. Como si al principio y al final de la animacion tuviera mas (Hablando en CSS) margin-top o padding-top, que cuando la animacion esta parada.

La cosa es que solo me sucede en Firefox 3.5, en Explorer 7 va bien y de momento no puedi probarlo en mas navegadores.

No hablo de un caso concreto, siempre que uso

Código PHP:

  .show(); 
.hide(); 
// o 
.toggle();  
   

me sucede lo mismo. Creo recordar que se solucionaba con CSS, pero la verdad es que no lo consigo...

Muchas gracias de antemano.

[emiliodeg]

probaste con comprobar si se esa animando con un :not(:animated) o usando .stop() ???

[anhellido]

Iniciado por emiliodeg

probaste con comprobar si se esa animando con un :not(:animated) o usando .stop() ???

Lo primero, gracias por responder.

La cosa es que me sucede sin apenas codigo JQuery (no el suficiente como para que haya un error, o se pelee con otra cosa) y en varias paginas distintas. Siempre que uso .show() .hide() o .toggle()

Ya te digo, que la impresion es que tiene alguna discrepancia con el CSS o algo asi.

Voy a ver si puedo preparar una DEMO para colgarla aqui y explicarme mejor.

[anhellido]

Bueno, ya tengo la DEMO podeis verla en

h**p : //anhell.is-a-geek.com/demo/

(Como veis es una redireccion por DynDNS, espero mantener el equipo encendido todo el dia...)

El codigo JQuery esta en la misma pagina, y el CSS como veis tampoco es que sea muy amplio...

La cosa es que ahora, tras simplificar el ejemplo para que lo vierais, el maldito "saltito" tambien aparece en Explorer 7...

Alguna idea? El codigo JQuery no podria ser mas sencillo...

[anhellido]

Bueno,, pues creo que lo he resuelto, asi que expondre la solucion por si a alguien más le sirve...

Le problema del animate() de JQuery es que tambien modifica padding y margin del elemento animado.

Por lo cual lo mejor es que si lo que queremos mostrar, ocultar o desplazar tiene paddings o margins, lo que deberemos hacer es incluir todo ello en un DIV contenedor con padding:0; margin:0; y aplicar la animación sobre él.


EDITO: Sigue sucediendo aunque algo menos...

Aqui el ejemplo : h**p : //anhell.is-a-geek.com/demo/index2.php

Justo al terminar de animar pega un saltito para que se muestre todo el resto del contenido...

[emiliodeg]

listo ya encontre el problema
quitale el margin a
#adv_search {
background-color:#FFFFCC;
border:1px solid #333333;
height:auto;
/*margin-bottom:10px;
margin-top:15px;*/
padding:0;
width:450px;}