He hecho esto varias veces sin ningún problema, pero por alguna razón es un problema en Here. El deslizamiento hacia abajo comenzará a funcionar (1/3) normalmente y de repente todo se sacudirá y terminará la animación. deslizarse funciona bien. este es el caso de slideDown(), slideToggle y .animate() de forma extraña si también alterno la opacidad en la función animada, no se sobresalta, pero mi texto cambiará de color brevemente.Problema con la animación desigual en jQuery
HTML:
<h2>Phthalate Free: </h2><div class="yamikowebsToggler">
<p>
Dibutyl Phthalate is linked to cancer and is present in nail polish, perfume, soft plastics and skin care products.
</p></div>
CSS: leí pues de otra manera que los márgenes pueden causar las sacudidas, pero esto no es ayudar a
h2{color:#76DEFC; margin:0px;}
.yamikowebsToggler{margin:0px;}
p{margin:0px; color;#000000;}
JQUERY:
$(document).ready(function(){
$(".yamikowebsToggler").fadeOut(0);
$("h2").click(function()
{
$(this).next(".yamikowebsToggler").stop(true, true).animate(
{ height: 'toggle' },
{
duration: 1000,
});
})
});
No veo un problema: http://jsfiddle.net/azjUT/ Ah-- acabo de notar su enlace y hay un problema allí. Creo que debe ser una intersección con algún otro CSS, ya que no hay ningún problema cuando solo este código se usa solo. – tvanfosson
no lo arreglé = ( – user654994