/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 vote293 views1 answer
Jquery connection reset
Javascript jQuery
20 votes261 views3 answers
Jquery change picture source
Javascript jQuery
93 votes288 views6 answers
Document jquery
Javascript jQuery
5 votes278 views4 answers
Change value of drop down using jquery
Javascript jQuery
4 votes309 views2 answers
How to get the value of dropdown in jquery
Javascript jQuery
85 votes254 views5 answers
Jquery selector checked
Javascript jQuery
36 votes281 views4 answers
Jquery append text to div
Javascript jQuery
24 votes285 views6 answers
Jquery get value of selected option
Javascript jQuery
28 votes303 views6 answers
Get unchecked checkbox jquery
Javascript jQuery
0 vote264 views1 answer
Jquery creating several items
Javascript jQuery