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:discuss-
[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/
