Ask your WordPress questions! Pay money and get answers fast! (more info)

jQuery toggle menu WordPress

  • SOLVED

I want to build similar jQuery toggle menu like this website,
http://www.motoboy.se/

Screenshot, http://awesomescreenshot.com/0dd2i7ej3b


Is it possible to style this "Slicknav plugin" to get same look and feel (nice transititon)?
http://slicknav.com/

Here is a fiddle, http://jsfiddle.net/dFdTq/1/

I also want the toggle menu to show in 940px widht (full widht).

Or is there any other easy solution to get that type of menu?

Answers (1)

2014-03-17

zebra webdesigns answers:

Hello Manny slicknav itself comes with jquery UI effects which you can use.
Please refer the following jsfiddle

http://jsfiddle.net/2kGw2/


zebra webdesigns comments:

The method motoboy using is css transition which can be achieved by manual coding.
a jquery toggle class binding to menu on click


zebra webdesigns comments:

Hello Manny here is the exact code you wanted.
I could not code it completely since it will need more effort than the moeny you have alloted for the question
If you need I can code it separately for you.

Here is the final version

http://jsfiddle.net/gA5AY/

Have a great day mate


Manny comments:

Great, thanx mate!


zebra webdesigns comments:

When you are using the javascript in wordpress replace the $ symbol with jQuery by that way it will use the wordpress default jquery
then it will be

jQuery("#menu-toggle-text").on("click", function(){
jQuery(".the-menu").toggleClass("on");
});