/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

0 vote216 views1 answer
Append string in variable using jquery in each loop
Javascript jQuery
2 votes214 views3 answers
Jquery sanitize html
Javascript jQuery
-1 vote217 views1 answer
Add 7 days in date using jquery
Javascript jQuery
1 vote205 views1 answer
Jquery if else on click
Javascript jQuery
2 votes208 views1 answer
How to set element readonly using jquery
Javascript jQuery
0 vote198 views2 answers
Jquery ajax send custom data after serialize
Javascript jQuery
0 vote231 views1 answer
Jquery select2 hide search box
Javascript jQuery
113 votes414 views6 answers
Check a checkbox jquery
Javascript jQuery
10 votes235 views5 answers
Jquery after
Javascript jQuery
0 vote204 views1 answer
Js jquery class ending with string
Javascript jQuery