Hi Kush,
If you are smoking crack, you're surprisingly lucid, because I've
noticed the same issues. :)
Like you, I threw in the .show() to get the .fadeIn() to work in FF,
but we shouldn't have to do that. Also, I hadn't tested in IE, but
now I see that table rows hide and show without animation whether we
use fade in/out or slide down/up.
I'll try to submit a bug report later today.
Thanks a lot for noting those things!
--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Mar 17, 2007, at 9:51 PM, Kush Murod wrote:
Hi Karl,
Thanks for your help dude
There are few things though.
in FF it fades in/out, but it had to manually show() it [.fadeIn
('slow').show();] otherwise wasn't fadeIn, is it supposed to that way
in IE doesn't fade in/out is this a limitation or is it just me
smoking crack :)
http://www.khurshid.com/sebs/?page=portfolio_Table
Regards,
Kush
Karl Swedberg wrote:
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/
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
