/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 vote303 views2 answers
Jquery from js
Javascript jQuery
1 vote323 views1 answer
Jquery div element find and remove
Javascript jQuery
0 vote305 views1 answer
Jquery on type event
Javascript jQuery
0 vote347 views2 answers
Jquery fadein to show modal
Javascript jQuery
6 votes318 views4 answers
Jquery on dom change
Javascript jQuery
0 vote306 views1 answer
How to Set Active Tab in jQuery Ui
Javascript jQuery
20 votes288 views3 answers
Jquery change picture source
Javascript jQuery
99 votes361 views6 answers
Jquery on load
Javascript jQuery
0 vote282 views2 answers
Preview upload image jquery
Javascript jQuery
2 votes293 views1 answer
Count number of checkboxes in html jquery
Javascript jQuery