/Javascript/jQuery/Sliding element jquery

Sliding element jquery

$("#menupic").click(function(e) {
  $(".menu").animate({
    left: $(".menu").css('left') == '-400px' ? "0px" : "-400px"
  }, 200);
});

html >>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='menupic'>menupic</div>
<div class='menu'>menu</div>

css>>
.menu{position:relative;}

Source: stackoverflow.com

Similar codes

1 vote168 views1 answer
Jquery select input with class
Javascript jQuery
4 votes163 views6 answers
Jquery remove css style
Javascript jQuery
0 vote159 views1 answer
How to print form data in jquery
Javascript jQuery
1 vote181 views1 answer
Electron jquery
Javascript jQuery
12 votes171 views2 answers
Deserialize json jquery
Javascript jQuery
1 vote166 views1 answer
Get children length jquery
Javascript jQuery
20 votes172 views6 answers
Jquery change image src
Javascript jQuery
23 votes164 views3 answers
Jquery remove required attribute
Javascript jQuery
4 votes160 views3 answers
Reference error $ is not defined jquery
Javascript jQuery
42 votes167 views6 answers
Jquery get value by name
Javascript jQuery