/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 vote144 views1 answer
Error message to show in label jquery
Javascript jQuery
0 vote147 views3 answers
Jquery on scroll x pixels
Javascript jQuery
0 vote134 views1 answer
Check event target jquery outside
Javascript jQuery
0 vote142 views1 answer
Round till 2 digit in jquery
Javascript jQuery
0 vote132 views2 answers
Jquery ajax send custom data after serialize
Javascript jQuery
0 vote137 views1 answer
Jquery get id of clicked element
Javascript jQuery
5 votes141 views3 answers
Jquery remove child 1 elemtn
Javascript jQuery
0 vote146 views1 answer
Row append and calculation in jquery datatable
Javascript jQuery
1 vote160 views2 answers
Jquery read href attribute
Javascript jQuery
0 vote147 views1 answer
Jquery getscript
Javascript jQuery