Grow your CSS skills. Land your dream job.

Jquery stop() is intefeering

  • # May 5, 2013 at 2:00 pm

    I’m using Jquery stop() to prevent the slide panels from expanding and shrinking indefinitely depending on how many times you hover over them. It makes things better but now if you click on the nav tabs and see content slide it, then click the blue arrow and move your cursor immediately after clicking everything stops because the cursor hovers again and it stops the sliding animation. Is there a way around this? also can’t use css :hover animation because the last expanded panel is suppose to remain open. http://reallycoolstuff.net/PROJECTS/Unica/#

    maybe applying the stop() to the expand animation. But not the slide one.

    # May 5, 2013 at 3:43 pm

    You might want to check out the [documentation for `stop()`](http://api.jquery.com/stop/)… it’ll show you that you can do this: `stop(true, true)`.

    # May 5, 2013 at 4:15 pm

    @Mottie Using stop(true,true) only skipped the current animation when another was started with the slides on hover.

    # May 6, 2013 at 4:27 pm

    dequeue fixes it. But then the hover animation doesn’t work.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".