/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 vote290 views1 answer
Jquery boilerplate
Javascript jQuery
63 votes369 views6 answers
Jquery addclass
Javascript jQuery
16 votes273 views5 answers
Modal.show jquery
Javascript jQuery
9 votes319 views4 answers
.empty() in jquery
Javascript jQuery
31 votes325 views4 answers
Remove jquery
Javascript jQuery
1 vote291 views1 answer
On scroll page jquery
Javascript jQuery
0 vote348 views1 answer
Jquery to vanilla javascript
Javascript jQuery
54 votes316 views6 answers
Jquery set checkbox checked
Javascript jQuery
9 votes341 views2 answers
Dropdown option selection change event in jquery
Javascript jQuery
0 vote335 views1 answer
Jquery get multiple input values by name
Javascript jQuery