Comments on: Sliding Jquery Menu

By: ???108?CSS????????? - ????-????????

???108?CSS????????? - ????-???????? — Wed, 08 Feb 2012 07:10:15 +0000

[...] Vertical Sliding Jquery Menu – Source +108 Free CSS Menu Designs {Mega Menu, Dropdown, Horizontal, Vertical}” [...]

By: Richard Horne

Richard Horne — Sun, 05 Feb 2012 15:47:39 +0000

Figured it out. Code below.

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

if ($(‘ul.the_menu2′).is(‘:hidden’))
{
//do nothing
}
else
{
$(‘ul.the_menu2′).slideToggle(‘medium’);
}

});
});

$(document).ready(function () {
$(‘img.menu_class2′).click(function () {
$(‘ul.the_menu2′).slideToggle(‘medium’);

if ($(‘ul.the_menu’).is(‘:hidden’))
{
//do nothing
}
else
{
$(‘ul.the_menu’).slideToggle(‘medium’);
}
});
});

By: Richard Horne

Richard Horne — Sun, 05 Feb 2012 14:32:54 +0000

So now I’ve got two sliders working perfectly, can anyone tell me how to close one when I open the other? Unfortunately, the two stay open at the same time and overlap.

By: Richard Horne

Richard Horne — Thu, 02 Feb 2012 18:42:54 +0000

Figured it out! Didn’t realise I needed to create two instances within the slider.js file.

Thanks guys. :D

By: Clint

Clint — Thu, 02 Feb 2012 15:57:33 +0000

Anybody had issues with the menu going behind the content… ?

By: Aaron

Aaron — Thu, 02 Feb 2012 09:47:02 +0000

Richard, did you change the instance in the CSS also? You can not have even the same container or id associated with the second instance as the first without some slightly different jQuery. If you want to send us an email with your code we would be more than happy to have one of our jQuery experts take a look and see what was wrong with it.

By: Richard Horne

Richard Horne — Wed, 01 Feb 2012 22:23:30 +0000

I should have added the second menu is supposed to be on the service button. And apologies for spelling your name wrong Aaron. :s

By: Richard Horne

Richard Horne — Wed, 01 Feb 2012 21:19:53 +0000

Arron, if that’s the case, can you see what I’m doing wrong with the following as only one instance of the menu is working for me?

http://bit.ly/yhqI18

By: Aaron

Aaron — Mon, 30 Jan 2012 06:03:30 +0000

Yes, if you change the names you can use this multiple times. Just make sure to edit the name everywhere it appears or you will get multiple menus activating at the same time.

By: Richard Horne

Richard Horne — Sun, 29 Jan 2012 20:00:25 +0000

Hello, can you tell me if it’s possible to use multiple instances of this sliding menu on the same page? I’ve tried but have been unsuccessful so far.

I hope just create new instances of .the_menu and changing the name would do it…

By: jaffa

jaffa — Sat, 28 Jan 2012 10:49:40 +0000

Great thing.

By: freelance web designer kerala

freelance web designer kerala — Mon, 09 Jan 2012 07:18:06 +0000

Nice post………………..