Question

我是Jquery的新手，并且第一次尝试使用slideToggle创建一些下拉列表。其中一些堆叠在一起，当一个被点击时，所有其他的应该崩溃。我确信我的代码并不理想，因为我刚刚开始，但除IE8外，一切正常。在IE8中，当关闭一个时，下拉列表之间的空间会崩溃，而且一切都搞得一团糟。您可以使用页面左侧的菜单在demo.djcase.com上查看问题。

所有jquery代码都位于http://demo.djcase.com/sites/all/themes/djcase/script.js

任何帮助将不胜感激。谢谢。布赖恩

Answer 1

我想我现在已经修好了。我使用以下HTML

<div class="services_menu" ><p>Services</p></div>
<ul class="services-menu">
  <li><a href="/services/communications-marketing-and-public-relations">Communications, Marketing and Public Relations</a></li>
  <li><a href="/services/web-development">Web Development</a></li>
  <li><a href="/services/interpretation-and-conservation-education">Interpretation and Conservation Education</a></li>
  <li><a href="/services/human-dimensions-market-research-and-evaluation">Human Dimensions, Market Research and Evaluation</a></li>
  <li><a href="/services/facilitation-strategic-planning-and-public-involvement">Facilitation, Strategic Planning and Public Involvement</a></li>
  <li><a href="/services/graphic-design">Graphic Design</a></li>
  <li><a href="/services/video-and-multimedia-production">Video and Multimedia Production</a></li>
  <li><a href="/services/event-planning-and-management">Event Planning and Management</a></li>
  <li><a href="/services/training">Training</a></li>
</ul>

我在结束Div和列表开头之间添加了以下内容

<p class="fixInIe">&nbsp;</p>

我将其设为线高为0，所以我不会得到额外的空间。我不知道为什么需要它，但它确实有用。

Answer 2

我猜你在谈论这里提到的问题：slideToggle causes margin to disappear in IE8

只是给溢出：隐藏到边缘消失的div会解决它。请检查..

仅使用列表在IE8中使用Jquery slideToggle问题

2 个答案: