To explain a little more: When I move from one navigational element to
the next the animation restarts, I was wondering if there was a way I
could stop this happening so that the sub-nav stays down, until I move
off the navigation completely or a navigational element which doesn't
activate the sub-nav. I did manage to achieve this by making two divs
above and below and beside the navigation bar and then setting a
jQuery function like this:
$("#div1, #div2, #nav_off").hover(function() {
$("#sub_nav").slideUp(200);
$("#wrap").animate ({ 'marginTop' : '30px' }, 200);
});
However I concluded that it was a little too unsemantic and that there
must be a better way of achieving my goal, if there isn't then I guess
I'm going to have to go with that method.
By the way I've altered the jQuery code so it works with the following
plugin http://blog.threedubmedia.com/2008/08/eventspecialhover.html.
Just so the sub-nav doesn't go off if the user just quickly moves over
the navigation without the intention of actually clicking it.
I've uploaded the site here http://tutshelf.com/TutShelf_Beta/
You can find links to sourcefiles in the source code, but if your lazy
just got to here: http://tutshelf.com/TutShelf_Beta/js/stuff.js and
for the CSS here: http://tutshelf.com/TutShelf_Beta/style.css
I couldn't get the code to work with JSBin, sorry :(
On Jul 23, 1:59 pm, Charlie <charlie...@gmail.com> wrote:
idea of "freezing" jQuery not making a lot of sense. What you did to post code is great, however there's an even better way, put it in jsBin. jSBin will include jQuery for you and give a working copy of your code to share, instead of it being in 2 places with no CSS.
Perhaps if you explained the problem as it relates to menu instead of freeze jQuery would help. Other than that will simply hiding the subs instead of timed slideUp help?
alexrogahn wrote:Hi, I created a sub-navigation menu for a site I've been working on and the thing works perfectly in my opinion... well, near perfectly. When I move my mouse from one main navigation link to the other, the .slideUp and .slideDown properties still work, which is annoying because your essentially having to wait to use the sub-navigation again, even if it is only a few milliseconds. I was wondering if there was a way I could "freeze" the jQuery until I moved off the (for lack of a better description) links that activate the sub-nav. Below is links to my code: HTML:http://tinypaste.com/98d643cjQuery:http://tinypaste.com/0b05837
