/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

33 votes186 views3 answers
Jquery preventdefault
Javascript jQuery
35 votes183 views6 answers
Jquery select by name
Javascript jQuery
0 vote197 views1 answer
Form validation jquery input array
Javascript jQuery
8 votes206 views2 answers
Jquery delay 1 second
Javascript jQuery
3 votes194 views1 answer
Jquery version how
Javascript jQuery
10 votes209 views1 answer
Jquery get child div
Javascript jQuery
0 vote245 views1 answer
Jquery datatable checkbox checked row data
Javascript jQuery
0 vote220 views1 answer
Jquery is emptyobjec
Javascript jQuery
2 votes182 views2 answers
Jquery scroll to id
Javascript jQuery
1 vote227 views1 answer
On scroll page jquery
Javascript jQuery