Jquery slideToggle problem in IE8 only using lists

Question

I am quite new to Jquery and for the first time tried to use slideToggle to create some dropdowns. A few of them are stacked on top of each other and when one is clicked, all ot

Answer 1

I guess you are talking about the problem as mentioned here : slideToggle causes margin to disappear in IE8

just giving overflow:hidden to the divs where margin is disappearing would solve it. please check..

Answer 2

I think i have it fixed now. I was using the following 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>

I added the following between the closing Div and the start of the list

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

I styled this to have a line height of 0 so i wouldn't get the extra space. I don't know why this was needed, but it worked.