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;      
		}
	}
}
);	
});

Recommended Answers

All 2 Replies

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.

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

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.