Karl,
That has done it! Thank you so much, really appreciate your help/
advice.
Best,
James
On Sep 28, 7:17 pm, Karl Swedberg <k...@englishrules.com> wrote:
> Seems the mouseover/mouseout events are being triggered multiple
> times. You probably want to stop them from triggering if #panel is
> already being animated. Try something like this:
>
> jQuery(document).ready(function() {
> var $panel = jQuery('#panel');
>
> // Expand Panel
> jQuery("#tab").mouseenter(function() {
> if (!$panel.is(':animated')) {
> $panel.slideDown("slow");
> }
> });
>
> // Collapse Panel
> jQuery("#toppanel").mouseleave(function() {
> if (!$panel.is(':animated')) {
> $panel.slideUp("slow");
> }
> });
>
> });
>
> --Karl
>
> ____________
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On Sep 28, 2009, at 10:54 AM, James A wrote:
>
>
>
> > Start of the week bump...
>
> > On Sep 26, 7:28 pm, James A <jamesaal...@gmail.com> wrote:
> >> Hi there,
>
> >> Real newbie to jquery but things are starting to become clearer.
>
> >> I am building a website for a studio i have just set up
> >> -http://www.birchstudio.co.uk/test-
> >> and am having trouble with the
> >> menu which is using a slide plugin. I have got the menu area (the
> >> white part at the top of the site) to slide when the mouse enters the
> >> area, this is fine and i have got the area to slide back once the
> >> mouse leaves the area, this also works, but then when the slide
> >> function has finished and the menu slid back as far as it is suppose
> >> to the menu drops down again.
>
> >> Would any one know how to stop this happening? I can post the code on
> >> here if that helps (i have linked the website page where the problem
> >> is happening -http://www.birchstudio.co.uk/test)
>
> >> Best,
> >> James
