Hi Kush,
It looks like you're using jquery.latest.js. That one won't work with
the .fadeIn() and .fadeOut().
As I mentioned before, you'll need the most recent nightly build.
Actually, scratch that. It looks like the file there is dated
2007-03-01 (Rev: 1472):
http://jquery.com/src/nightlies/jquery-nightly.js
So, I put the latest svn builds up on my test server if you want to
grab one and try the row stuff with it. It works fine with my tables:
* $Date: 2007-03-16 16:37:10 -0400 (Fri, 16 Mar 2007) $
* $Rev: 1538 $
http://test.learningjquery.com/scripts/jquery.js
http://test.learningjquery.com/scripts/jquery.lite.js
http://test.learningjquery.com/scripts/jquery.pack.js
--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Mar 17, 2007, at 7:36 PM, Kush Murod wrote:
Hi Karl,
Your idea is great workaround, I have tried it http://
www.khurshid.com/sebs/?page=portfolio_Table
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: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/
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
