0

Hi, The following JQuery works fine in all browsers excluding ie-8. It works fine even in ie-7. Not tested in ie version gater than 8. It works fine in Firefox, Chrome and ie-7. Can any body figure out what is the problem and how to solve.

<script type="text/javascript">
$(document).ready(function() {	
$("#services_table tr.service_row").hide();		

$("#services_table tr.service_header").click(function(){
	var trr = $(this).nextAll('tr');
	for (i = 0; i < trr.length; i++) {
		var classs = $(trr[i]).attr('class');
		if (classs == 'service_row')
		{
			if($(trr[i]).is(':hidden'))
			{
				$(trr[i]).fadeIn('slow');
			}
			else
				$(trr[i]).fadeOut('slow');
		}
		else {      
			if (classs == 'service_header')
				$(this).find(".arrow").toggleClass("up");
				  return;      
		}
	}
}
);	
});
3
Contributors
2
Replies
3
Views
7 Years
Discussion Span
Last Post by macneato
0

Can you post a small piece of html to go with this, and a small explanation of what it is supposed to do ? It's hard to discover a flaw, without additional information.

0

Ok, it looks like an accordion to me. But pritaeas is right, some html would be nice, see how you structured everything.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.