/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

110 votes284 views6 answers
Add jquery cdn
Javascript jQuery
5 votes225 views4 answers
How to append select option in jquery
Javascript jQuery
0 vote254 views1 answer
Selectores de jQuery CSS básicos
Javascript jQuery
1 vote231 views1 answer
Jquery li count in ul
Javascript jQuery
2 votes219 views3 answers
PetShopIndex.html:137 Uncaught ReferenceError: $ is not defined jquery node
Javascript jQuery
0 vote229 views1 answer
Jquery once
Javascript jQuery
33 votes208 views3 answers
Prevent default jquery
Javascript jQuery
0 vote247 views1 answer
Jquery do something if toggle open and close
Javascript jQuery
1 vote218 views1 answer
How to get the all input element id value using jquery
Javascript jQuery
-1 vote218 views1 answer
Redirect with data jquery
Javascript jQuery