Making the table columns fixed width using a <colgroup> might fix the 'jumping' issue.
On Nov 14, 7:38 pm, "c.barr" <[EMAIL PROTECTED]> wrote: > Yeah, no problem! I think I'll write a blog entry about this tonight > since it's pretty useful - I'll put the link here. > > Is there any way to prevent the table rows from jumping around like > they do? That's my only problem right now. It's not a deal breaker, > but it makes the animations looks a bit strange sometimes. > > On Nov 14, 3:01 pm, "Richard D. Worth" <[EMAIL PROTECTED]> wrote: > > > Slick! Thanks for sharing. > > > - Richard > > > On Fri, Nov 14, 2008 at 3:50 PM, c.barr <[EMAIL PROTECTED]> wrote: > > > > That's awesome man! I worked with it a bit to get it working with > > > adding a row as well, and this seems to work just fine! > > > Here's a live demo:http://jsbin.com/apode > > > > Tested and working in Firefox, Opera, Safari, and IE! > > > > On Nov 14, 11:57 am, "Richard D. Worth" <[EMAIL PROTECTED]> wrote: > > > > Here's how to slideUp hide a row with the inner wrapping divs: > > > > > $("tr").click(function() { > > > > var tr = $(this); > > > > tr.children("td").each(function() { > > > > $(this).wrapInner("<div></div>").children("div").slideUp(function() > > > > { > > > > tr.hide(); > > > > }); > > > > }); > > > > > }); > > > > > - Richard > > > > > On Fri, Nov 14, 2008 at 12:21 PM, c.barr <[EMAIL PROTECTED]> wrote: > > > > > > .fadeIn() and .fadeOut() seem to work OK in Firefox, but in IE they > > > > > seem to do the same as .show() and .hide() - they just pop in. Same > > > > > goes for .slideDown() and .slideUp() in IE. Try it out with the demo > > > > > I linked to above. > > > > > > So apparently effects are very limited in tables - and even more so in > > > > > IE. I suppose I'll have to just do a .show() and .hide() since it > > > > > works, and thats what happens in IE anyway. > > > > > > Any other advice or insight would be appreciated....
