我做了很多次没有问题,但由于某种原因,这是一个问题在这里.向下滑动将开始正常工作(1/3),而不是突然的一切,并完成动画.向上滑动工作正常.如果我也在动画函数中切换不透明度它不会抖动但我的文本会短暂地改变颜色,这就是幻灯片幻灯片(),幻灯片切换和.animate()的情况.
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>
Run Code Online (Sandbox Code Playgroud)
CSS:我读到其他的是边缘可能导致抽搐,但这没有帮助
h2{color:#76DEFC; margin:0px;}
.yamikowebsToggler{margin:0px;}
p{margin:0px; color;#000000;}
Run Code Online (Sandbox Code Playgroud)
JQUERY:
$(document).ready(function(){
$(".yamikowebsToggler").fadeOut(0);
$("h2").click(function()
{
$(this).next(".yamikowebsToggler").stop(true, true).animate(
{ height: 'toggle' },
{
duration: 1000,
});
})
});
Run Code Online (Sandbox Code Playgroud)