/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 vote132 views1 answer
Jquery maximum value of an element by class
Javascript jQuery
0 vote138 views1 answer
Jquery scroll into view
Javascript jQuery
0 vote142 views1 answer
Jquery find highest value in array
Javascript jQuery
1 vote153 views4 answers
Jquery scroll when object appear on screen make animation
Javascript jQuery
0 vote157 views1 answer
Get value from ionRangeSlider in jquery
Javascript jQuery
41 votes161 views6 answers
Set checkbox checked jquery
Javascript jQuery
3 votes132 views2 answers
Jquery set textbox value
Javascript jQuery
0 vote138 views1 answer
How to append value to input field using jquery
Javascript jQuery
66 votes136 views6 answers
Jquery loop through array
Javascript jQuery
46 votes135 views3 answers
Shorthand for jquery document ready
Javascript jQuery