Hi there Michael and Chad,
Thanks for the help it worked perfect. Thanks for the suggestion
regarding the subject of the mails.
Regards,
Schalk
Michael Geary wrote:
> Any time you get a jump like that at the beginning or end of an animation, a
> likely culprit is margin or padding on one of the elements you're animating.
>
> In this case, at least in FF3, the browser default margin on your H2
> elements seems to be causing it. I found that a bit surprising - usually the
> problem is caused by margin or padding on the actual container element that
> you're animating, not on an element inside it. Regardless, when I add this
> rule with the Web Developer Toolbar's Edit CSS command, the jump goes away:
>
> h2 { margin:0; padding:0; }
>
> BTW, you may get faster replies if you use a Subject line that tells what
> you're asking about. For example, a great subject for this message would
> have been:
>
> .slideToggle('slow') content jumps at end of animation
>
> There are probably quite a few of us who would have seen that and gone, "Oh
> yeah, must be margin or padding as usual."
>
> -Mike
>
>> From: Schalk Neethling
>>
>> This just got a little more interesting. In IE 6 and 7 the
>> content jumps down, in IE 8 and FF it jumps up and in Opera
>> 9.5 it is perfect, hmmm
>>
>> Any thoughts?
>>
>> Thanks,
>> Schalk
>>
>> Schalk Neethling wrote:
>>> Hi there,
>>>
>>> I had my first experience with jQuery today and I am experiencing a
>>> little hick-up. When you go to www.satechevents.co.za you will find
>>> two links under the site logo.
>>>
>>> When you click on either of these I use the slideToggle
>> method to hide
>>> and show the relevant content. Everything works fine
>> except, when you
>>> click on the link the content 'loads' and right at the end
>> jumps up a
>>> couple of pixels.
>>>
>>> I am assuming this might have something to do with default browser
>>> functions on links marked up as anchors. With this I tried
>> to use the
>>> bind event and also returned false from the function in an
>> attempt to
>>> prevent the default action and event bubbling as follows:
>>>
>>> $("#about-link").bind("click", (function() {
>>> $("#contact").hide();
>>> $("#about").slideToggle("slow");
>>> return false;
>>> }));
>>>
>>> Where am I going wrong? Any help or pointers much appreciated.
>>> Schalk
>>>
>
>
