/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

3 votes286 views2 answers
Click select option to update div jquery
Javascript jQuery
1 vote345 views1 answer
Jquery prevent event bubbling
Javascript jQuery
0 vote363 views2 answers
Jquery add submit button dynamically to form
Javascript jQuery
15 votes317 views1 answer
Flash a button jquery onclick
Javascript jQuery
0 vote328 views1 answer
Submit form through jquery by id
Javascript jQuery
0 vote295 views1 answer
Jquery if element is clicked
Javascript jQuery
7 votes293 views4 answers
Jquery get selected dropdown item
Javascript jQuery
1 vote286 views4 answers
Id to id for append jquery
Javascript jQuery
0 vote291 views1 answer
How to set current date and time in jquery datetime-local
Javascript jQuery
88 votes289 views6 answers
Jquery click
Javascript jQuery