/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 vote147 views1 answer
JQuery click function not working?
Javascript jQuery
0 vote147 views1 answer
JQuery exclude exteranl link for images
Javascript jQuery
9 votes139 views3 answers
JQuery change href value
Javascript jQuery
1 vote99 views1 answer
Jquery link
Javascript jQuery
0 vote172 views1 answer
Jquery datetimepicker format
Javascript jQuery
6 votes145 views1 answer
Jquery loop through list elements
Javascript jQuery
0 vote141 views1 answer
Jquery empty and append
Javascript jQuery
0 vote149 views2 answers
Jquery slim min js url
Javascript jQuery
1 vote139 views2 answers
How to wait till jquery post request has been made
Javascript jQuery
0 vote204 views1 answer
Jquery direct window print pdf
Javascript jQuery