/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

31 votes148 views3 answers
Redirect to link using jquery on new tab
Javascript jQuery
11 votes116 views5 answers
Javascript import jquery
Javascript jQuery
20 votes119 views6 answers
Jquery format date
Javascript jQuery
1 vote131 views1 answer
Jquery get location of user
Javascript jQuery
2 votes120 views2 answers
Select class with data attribute jquery
Javascript jQuery
0 vote124 views1 answer
Copy-and-Paste snippet for jQuery CDN hosted file
Javascript jQuery
1 vote149 views1 answer
Column.footer jquery
Javascript jQuery
0 vote119 views1 answer
Jquery get dropdown list selected value
Javascript jQuery
3 votes144 views2 answers
Jquery open page in new tab
Javascript jQuery
0 vote118 views1 answer
Jquery get date from datepicker
Javascript jQuery