Re: [jQuery] slideDown/slideUp problems when using tables

Hi Karl,

However still something weird as you can see
Maybe I should just give up and use pure CSS
Thanks for help

Kush

Karl Swedberg wrote:

there have already been a number of threads related to the problems with showing and hiding table rows.

In a nutshell, table rows get mangled in Firefox when using any of the animated show and hide techniques because of FF's use of display:table-row and jQuery's setting animated elements to display:block when showing them. The non-animated .show() and .hide() work fine. Also, John Resig just posted a fix to opacity-related bugs yesterday, so you might be able to use .fadeIn() and .fadeOut() with table rows if you grab the latest nightly build:

http://docs.jquery.com/Downloading_jQuery#Nightly_Builds

While .slideDown() and .show('speed') still won't work properly in FF, you could use .fadeIn() as a compromise if you need some animation. For example,

    $('tr:eq(2)').fadeOut('slow');
and
    $('tr:eq(2)').show().fadeIn('slow');

to hide and show the third table row.

Also, you may find the solution in this thread helpful as well for doing the slide: http://www.nabble.com/Hiding-and-showing-table-rows-tf2585537.html#a7208756

--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Mar 17, 2007, at 11:11 AM, Rick Faircloth wrote:

Hi, Kush...

Looks like the responses are kinda slow today, so this newbie
(only working with jQuery for about 2 weeks) will tell you the little
he's learned.

I was very interested in using sliding table rows for exposing details
of calendar events.  I could get the rows sliding, but was never happy
with how smoothly they would show & hide.

I tried using two separate tables, one for the always showing event
summary and another for the showing & hiding details.  That performed
really well.  Don't ask me why.

Here's an example of what I did showing the concept. It's just a couple

of headings and then when you click you see the details.

http://resm.whitestonemedia.com/html/trial_slide.cfm

Don't worry about the "This is the part to click." line... that's just
experimentation.

Is it performance of the show/hide you're concerned about?

Rick


-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Kush Murod
Sent: Saturday, March 17, 2007 8:44 AM
To: jQuery Discussion.
Subject: Re: [jQuery] slideDown/slideUp problems when using tables

Hi, me again

I meant I need some help with sliding table rows (tr) which doesn't
slide properly as it does when using divs

Thanks,
Kush





_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/

------------------------------------------------------------------------

_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/

_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/