Well I figured out a workaround:
All I had to do was use this code courtesy of
learningjquery:
$('a#toggle').click(function() {
$('#messengers').slideToggle(400);
return false;
works perfectly, with no jitter :
http://www.anime-planet.com/users/usersentry3.php?id=1
Frustrating as I downloaded the Interface plugin
thinking it would simplify things, but I can use the
built in jquery function and have it work with no
problems. Crazy how that works sometimes, I guess!
Would be nice to know why the Interface code adds
unsightly jitters and moves the div around sometimes.
thanks,
-kim
--- Kim Johnson <[EMAIL PROTECTED]> wrote:
> Hi folks,
>
> I'm using the slide effect in the Interface library,
> and am having a bit of a problem. Rather than create
> a
> test page, how about look at the real one?
>
>
http://www.anime-planet.com/users/userentry2.php?id=1
>
> For testing purposes I set up two of the icons to do
> what I needed (final design won't be like this, of
> course). Click the AIM icon first. Tag of importance
> on that icon:
> onClick="$('#messengers').SlideInUp(500);
>
> Click the MSN icon next for this tag;
> $('#messengers').SlideOutUp(500);
>
> Notice that when SlideInUp is called, there's a
> jittery look. SlideOutUp has no such jitter.
>
> I know this is minor, but it's really bugging me and
> I'd like it to be smooth. It does this in both
> IE6/firefox. After quite awhile of browsing the best
> tip I could find is to put margin-top: 0 in the
> first
> element of the affected area... I did this both for
> the div in question and the containing div (the
> containing div being used solely to position, due to
> irritating cross browser issues).. alas, it didn't
> help any.
>
> THe only way I can get rid of the jitter, it seems,
> is
> to add clear:both to a div after, or to the div that
> contains the inner div. I'd like to not have to do
> that, as then the bio text doesn't wrap around the
> image as I'd like it to.
>
> Any thoughts would be greatly appreciated.
>
> Oh, and also while i'm here, anyone know how I'd
> modify this so if you click once it unhides, click
> again and it hides? I know I can physically check to
> see if #messengers has a tag of, say, display: none,
> but am not sure how hide() can work with that to do
> the same thing.
>
> thanks!
> -kim
>
>
>
>
>
____________________________________________________________________________________
> Need Mail bonding?
> Go to the Yahoo! Mail Q&A for great tips from Yahoo!
> Answers users.
>
http://answers.yahoo.com/dir/?link=list&sid=396546091
>
> _______________________________________________
> jQuery mailing list
> [email protected]
> http://jquery.com/discuss/
>
____________________________________________________________________________________
Want to start your own business?
Learn how on Yahoo! Small Business.
http://smallbusiness.yahoo.com/r-index
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
