/Javascript/jQuery/On button click show collapse div jquery

On button click show collapse div jquery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="button">Toggle Expand/Collapse</button>
<div id="wrapper">
  <ul id="list">
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
  </ul>
</div>

Source: stackoverflow.com

On button click show collapse div jquery

$(function() {
  var b = $("#button");
  var w = $("#wrapper");
  var l = $("#list");
  b.click(function() {
    w.toggleClass('open'); /* <-- toggle the application of the open class on click */
  });
});

Source: stackoverflow.com

On button click show collapse div jquery

#wrapper {
  background: #ccc;
  overflow: hidden;
  transition: max-height 300ms;
  max-height: 0; /* <---hide by default */
}
#wrapper.open {
  max-height: 100px; /* <---when open, allow content to expand to take up as much height as it needs, up to e.g. 100px */
}

Source: stackoverflow.com

Similar codes

0 vote255 views2 answers
.siblings in jquery
Javascript jQuery
0 vote257 views1 answer
Jquery make new variable with dynamic name
Javascript jQuery
0 vote270 views1 answer
Jquery to another page
Javascript jQuery
11 votes338 views4 answers
Jquery input name value
Javascript jQuery
18 votes239 views4 answers
Change image src using jquery
Javascript jQuery
17 votes276 views2 answers
How to animate a flash in jquery
Javascript jQuery
-1 vote264 views1 answer
Jquery element distance from top of window
Javascript jQuery
0 vote281 views1 answer
Jquery table header agnostic of scroll
Javascript jQuery
1 vote234 views1 answer
Jqvalide disable submit button after click
Javascript jQuery
9 votes245 views6 answers
Change html using jquery
Javascript jQuery