在IE7中使用jquery slideToggle时内容消失

Question

我已经多次看到这个问题,但没有看到任何答案.

我有一个ul,我正在使用带有jquery的slideToggle()进行扩展和折叠.代码很简单:

$('#leftMenu li a.moreLess').click(function() {
    $(this).next().slideToggle('normal');   
});

标记为:

<a class="moreLess">Click here to see more</a>
<ul>
  <li>something</li>
  <li>something else</li>
  ...
</ul>

我有一个带有.moreLess类的按钮,当点击下面的列表时,它应该展开或折叠.由于某些原因,在IE 7中,一旦列表完全展开,所有内容都将消失.当它崩溃时,内容会再次出现,直到列表完全关闭.

我不确定这是否与CSS相关,但我希望有人可能会遇到此问题.在此先感谢您的帮助!

Answer 1

放一个缩放:1属性.它适用于位置:相对.

Answer 2

仅供参考,问题在于CSS定位在正在切换的UL内部元素上.一旦我删除了这些元素上的任何相对和/或绝对定位,问题就不再发生了.