[Javascript issues] Mobile Menu content

[Magic]

Hello,

So I am basically stuck on this last thing for my portfolio, when the user is for example, viewing my website on their iPhone the menu will hide and a small bar will show instead like so:

and than when that is tapped it turns into this:

where I than want a simple list menu to appear.
The code for the toggling of the bar is as follows:

function toggleClass(el) {
    if(el.className == "show-menu"){
        el.className = "navi_mob";
    } else {
        el.className = "show-menu";
    }
}

Does anyone know how to than display a menu of:

<ul>
         <li><a href="index.html">Home</a></li>
         <li><a href="webdev.html">Web Development</a></li>
         <li><a href="photography.html">Photography</a></li>
         <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
</ul>

 

[Marlboro20]

couldn't you use css for this?

 

[Magic]

couldn't you use css for this?

Code away

 

[Marlboro20]

Code away

I am not remaking the wheel modify this to fit your needs i have tested it on mobile, tablet and desktop it works.

You must be registered for see links

JSFIDDLE:

You must be registered for see links

 

[Magic]

I am not remaking the wheel modify this to fit your needs i have tested it on mobile, tablet and desktop it works.

You must be registered for see links

JSFIDDLE:

You must be registered for see links

I'll see if I can get it to work, probably not though since I already have a perfectly working menu for screen sizes above 592px so i don't know if integrating this will looks to flash. I'll give it my best shot though. Meanwhile i'll still take other solutions which might be easier to integrate into my code.

EDIT: I have configured the mobile menu to work with my website successfully, Thank you for your answer and help.

Close thread I suppose.

 

[Marlboro20]

I'll see if I can get it to work, probably not though since I already have a perfectly working menu for screen sizes above 592px so i don't know if integrating this will looks to flash. I'll give it my best shot though. Meanwhile i'll still take other solutions which might be easier to integrate into my code.

EDIT: I have configured the mobile menu to work with my website successfully, Thank you for your answer and help.

Close thread I suppose.

WAIT i found a better method

You must be registered for see links

That is what your trying to do right?

 

[Magic]

WAIT i found a better method

You must be registered for see links

That is what your trying to do right?

Yea... haha. Doesn't matter what I currently have works fine