1 Replies - 7400 Views - Last Post: 12 October 2009 - 01:22 PM

#1 natspace   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 3
  • Joined: 11-October 09

JQuery slide.Toggle Firefox problem

Posted 11 October 2009 - 07:47 AM

Please take a look at www.creade.biz

If you click on A4 ITEM it works fine in IE but crash in Firefox (it will open but not close).

How I can fix It?

Thanx

<script type="text/javascript">

$(document).ready(function() {		   
		$('.collSub').addClass('hide');
		$('a.collapsibleHead ').click(function(){ $('.collSub').slideToggle(); 
		})
});
</script>
</head>
<body>
<div class="container">
 <div id="content">
  <div id="menu">
   <!-- -------------- -->
   <!-- Start Module A -->
   <!-- -------------- -->
   <div id="moduleA">
	<h2><span class="funGreen">TITLE</span></h2>
	<ul>
	 <li><span class="moduleNumber">
	  <p>A1</p>
	  </span> <a href="viewer.html"> ITEM</a></li>
	 <li><span class="moduleNumber">
	  <p>A2</p>
	  </span> <a href0"#"> ITEM</a></li>
	 <li><span class="moduleNumber">
	  <p>A3</p>
	  </span> <a href="#"> ITEM</a></li>
	 <li > <span class="moduleNumber">
	  <p>A4</p>
	  </span> <a class="collapsibleHead" href="#">ITEM</a></li>
	 <!-- Start Collapsible Sublevel -->
	 <div class="collSub">
	  <li><span class="moduleNumebrSub">
	   <p>A4</p>
	   </span><a href="#">1-2</a></li>
	  <li><span class="moduleNumebrSub">
	   <p>A4</p>
	   </span><a href="#">3</a></li>
	  <li><span class="moduleNumebrSub">
	   <p>A4</p>
	   </span><a href="#">4</a></li>
	  <li><span class="moduleNumebrSub">
	   <p>A4</p>
	   </span><a href="#">5</a></li>
	  <li><span class="moduleNumebrSub">
	   <p>A4</p>
	   </span><a href="#">6</a></li>
	  <li><span class="moduleNumebrSub">
	   <p>A4</p>
	   </span><a href="#">7</a></li>
	  <li><span class="moduleNumebrSub">
	   <p>A4</p>
	   </span><a href="#">8</a></li>
	 </div>
	 <!-- End Collapsible Sublevel -->
	 <li><span class="moduleNumber">
	  <p>A5</p>
	  </span> <a href="#"> ITEM</a></li>
	 <li><span class="moduleNumber">
	  <p>A6</p>
	  </span> <a href="#"> ITEM</a></li>
	</ul>
   </div>
   <!-- End Module A -->
  </div>
 </div>
</div>
</body>
</html>



Is This A Good Question/Topic? 0
  • +

Replies To: JQuery slide.Toggle Firefox problem

#2 Wimpy   User is offline

  • R.I.P. ( Really Intelligent Person, right? )
  • member icon

Reputation: 159
  • View blog
  • Posts: 1,038
  • Joined: 02-May 09

Re: JQuery slide.Toggle Firefox problem

Posted 12 October 2009 - 01:22 PM

One thing I can say, it definitely has to do with your html, make it validate: http://validator.w3.org/ and if it does not work after that, post again! :)
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1