/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

94 votes245 views5 answers
Generate random number jquery
Javascript jQuery
10 votes208 views6 answers
Remove css jquery
Javascript jQuery
32 votes217 views6 answers
Get attribute value jquery
Javascript jQuery
0 vote192 views1 answer
JQuery find element before
Javascript jQuery
0 vote200 views1 answer
Add table header dynamically in jquery
Javascript jQuery
2 votes220 views1 answer
Select a form by name jquery
Javascript jQuery
23 votes260 views3 answers
How to get clicked radio button value in jquery
Javascript jQuery
0 vote224 views1 answer
Load jquery in the browser code
Javascript jQuery
6 votes207 views3 answers
Disable click event jquery
Javascript jQuery
0 vote213 views1 answer
Jquery on change function not working
Javascript jQuery