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

发布于 2024-09-12 01:53:27 字数 575 浏览 8 评论 0原文

我已经多次看到这个问题被问到，但没有看到任何答案。

我有一个 ul，我正在使用 sliderToggle() 和 jquery 来扩展和折叠它。代码很简单：

$('#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 相关，但我希望有人以前遇到过这个问题。预先感谢您的帮助！

原文

I've seen this question asked several times but haven't seen any answers.

I have a ul that I'm expanding and collapsing using slideToggle() with jquery.
The code is simple:

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

With markup of:

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

I have a button with a class of .moreLess and when it is clicked the list below it should expand or collapse. For some reason in IE 7 all of the content is disappearing once the list is fully expanding. When it collapses, the content appears again until the list is fully closed.

I'm not sure if this is something CSS related, but I was hoping someone might have run into this before.
Thanks in advance for your help!

分享到QQ

分享到微博