/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

105 votes242 views6 answers
Jquery each loop
Javascript jQuery
-1 vote252 views1 answer
Display form input on console jquery
Javascript jQuery
1 vote242 views1 answer
Jquery li count in ul
Javascript jQuery
7 votes224 views3 answers
Check radio button is checked jquery
Javascript jQuery
0 vote229 views1 answer
JQuery disable enable submit button
Javascript jQuery
0 vote233 views2 answers
Add parameter at the end of url from jquery with refreshing
Javascript jQuery
0 vote229 views1 answer
How to target checkbox in jquery
Javascript jQuery
26 votes219 views6 answers
Scroll to div jquery
Javascript jQuery
9 votes236 views4 answers
.empty() in jquery
Javascript jQuery
33 votes215 views3 answers
Prevent default jquery
Javascript jQuery