基本的jQuery slideUp和slideDown让我发疯!

Miz*_*izu 12 jquery animation effects

我的jQuery技能通常很好,但这让我很生气!

这是一个相当简单的手风琴我从头开始编码.使用jQuery 1.3.2所以不应该有任何跳跃错误,但基本上如果你看一下这个例子:

http://www.mizudesign.com/jquery/accordian/basic.html

我正在显示右边的目标div的高度 - 如果它包含文本,它认为它比它更短并且跳跃.如果是图像则没有问题.

我无法弄清楚我哪里出错了 - 显然在CSS的某处,但我已经尝试了所有常见的嫌疑人,如display:block

任何想法都会感激不尽!

你的,克里斯

PS请原谅源代码的性质,我已经把它解整了我正在处理的整个项目,所以它确实包含了一些不需要在那里的div.

red*_*are 17

您需要内容的宽度或高度才能平滑地制作动画.


Miz*_*izu 17

我必须承认我现在已经找到了自己的动态解决方案.

http://www.mizudesign.com/jquery/accordian/basic.html应该修复.

它真的非常简单 - 只需在隐藏div之前使用.css添加高度.一个享受:)

$("#PlayerButtonsContent div").each (function() {
$(this).css("height", $(this).height());
});

$("#PlayerButtonsContent div").hide();
Run Code Online (Sandbox Code Playgroud)