$(function() {
$('tr.parent')
.css("cursor","pointer")
.attr("title","Click to expand/collapse")
.click(function(){
$(this).siblings('.child-'+this.id).toggle();
});
$('tr[class^=child-]').hide().children('td');
});
Not very complicated code, I think. Now pay attention to the toggle():
1.
toggle() --- In IE nothing happens. FF and C : all is fine
2.
toggle(400) or toggle("slow") etc. -- In IE some "show-hide" effect
happens but TD's and TR's look OK.
In FF and C, toggle happens but TD's,TR's are with default "elastic"
width ...
Any idea?
--DBJ
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery Development" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-dev?hl=en
-~----------~----~----~----~------~----~------~--~---
