Comments on: Sliding Jquery Menu

By: chakwithu

chakwithu — Wed, 10 Mar 2010 06:07:21 +0000

NOT working in IE 6

By: kevin

kevin — Tue, 09 Mar 2010 21:11:53 +0000

@kevin and anyone who wants the menu to close when the mouse exits the menu area:

$(document).ready(function () {
$(‘img.menu_class’).click(function () {
$(‘ul.the_menu’).slideToggle(‘medium’);
})
$(‘#button’).mouseleave(function(){
$(‘ul.the_menu’).slideToggle(‘medium’);
});
;
});

By: Mark

Mark — Tue, 09 Mar 2010 16:54:21 +0000

Hey Guys, Try using the #container as a click event, I used it to get the functionality I wanted. Here’s some source..

$(document).ready(function() {
$(‘img.menu_class’).mouseover(function() {
$(‘ul.the_menu’).slideDown(‘medium’);
});
$(‘#container’).click(function() {
$(‘ul.the_menu’).slideUp(‘medium’);
});
});

Awesome Menu by the way ;)

By: 36?????JQuery???? | TechTrack- ????

36?????JQuery???? | TechTrack- ???? — Fri, 05 Mar 2010 10:43:53 +0000

[...] 6.Jquery???? [...]

By: NYXX

NYXX — Wed, 03 Mar 2010 05:50:15 +0000

Awesome tutorial. Very helpful. I had one additional question how am I able to place this button on a horizontal image. Example http://www.notcot.org has a nice top navigation bar. How would I be able to place this on a bar similar to that without any text and having a long horizontal black image.

By: 25 Excellent jQuery Tutorials for Navigation Menu « AcrisDesign – Web Design Resources and Inspiration

Mon, 01 Mar 2010 11:43:40 +0000

[...] Sliding Jquery Menu [...]

By: Sliding Jquery Menu

Sliding Jquery Menu — Sun, 28 Feb 2010 15:52:44 +0000

[...] Tutorial Tutorial Page [...]

By: 45?jQuery???????? _ ????_??????????????????????

45?jQuery???????? _ ????_?????????????????????? — Fri, 26 Feb 2010 06:00:49 +0000

[...] jQuery ????? | Demo ??????????????????????????????????????PSDtuts??+???????????????????????? ?????????????. [...]

By: stiques » Blog Archive » 13 Best jQuery Menus to Rock your Website

stiques » Blog Archive » 13 Best jQuery Menus to Rock your Website — Wed, 24 Feb 2010 17:25:15 +0000

[...] Demo | Tutorial [...]

By: Josh

Josh — Tue, 09 Feb 2010 22:15:51 +0000

Thanks!

Note: By adding the declarations position:absolute; and z-index:500; to the .the_menu selector, you can fix the menu’s overlapping issue.

By: Multi-level Drop Down Menus : swapnil

Multi-level Drop Down Menus : swapnil — Mon, 08 Feb 2010 12:18:06 +0000

[...] Sliding Jquery Menu – hv designs [...]

By: 45? jQuery???????? « SonicHTML – ??? HTML+CSS ??

45? jQuery???????? « SonicHTML – ??? HTML+CSS ?? — Fri, 05 Feb 2010 06:14:47 +0000

[...] ??jQuery??? ?? [...]