Javascript Show Hide Position

[Historical Forums User]

Hi..
I have some problem in CSS/ Javascript

I use javascript to toggle show my mobile menu , and it display not from top but from left

You can see my website here link.

here the code
$(document).ready(function(){
$("#menubtmafrian").click(function(){
$("#mobilemenu").toggle('slow') ;
});
});

and CSS

<code class="css">#mobilemenu {
    width:100%;
    background-color:#E8E8E8;
    opacity:1;
    height:100%;
    top:10px;
    padding-bottom:10px;
    z-index:981;
    display:none;
    padding-top:50px;
    position:relative;
    overflow:hidden;
    box-shadow:1px 1px 5px #000;
    background-image:url(../img/itdotted.png);
}

thank’s

[Paulie_D]

Until we see a demo it’s hard to tell.

So, a Codepen.io demo is really needed.

[Historical Forums User]

http://codepen.io/afrianhasendra/pen/doPYYK

[Paulie_D]

The .toggle() method animates the width, height, and opacity of the matched elements simultaneously.

http://api.jquery.com/toggle/

Basically, the width & height are animating.

You might be better adding or removing classes to get this to display.

[Paulie_D]

Perhaps slideToggle is what you wanted

http://codepen.io/Paulie-D/pen/eNmJJK

[Historical Forums User]

oh that’s what I mean , thank’s for your answer !

[Alen]

Hey @afrianhasendra check out this as well https://bradfrost.github.io/this-is-responsive/patterns.html#navigation

[Author]

Posts