/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

10 votes140 views2 answers
Jquery how to know if element is visible
Javascript jQuery
1 vote165 views1 answer
Jquery serialize form data to object
Javascript jQuery
2 votes156 views2 answers
Disable textbox jquery
Javascript jQuery
0 vote161 views1 answer
Jquery 1.6 jgrid pagging ejemplo
Javascript jQuery
0 vote168 views1 answer
Jquery ready wordpress
Javascript jQuery
1 vote149 views2 answers
Show password on click button jquery
Javascript jQuery
4 votes166 views1 answer
Jquery find if select option exists
Javascript jQuery
4 votes158 views5 answers
Remove event listener jquery
Javascript jQuery
25 votes162 views6 answers
Jquery get dropdown selected value
Javascript jQuery
57 votes194 views6 answers
Jquery create element
Javascript jQuery