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 Swedberg
www.englishrules.com
www.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
