/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 vote182 views1 answer
How to set name attribute in jquery
Javascript jQuery
1 vote150 views1 answer
Jquery move element to another without losing events
Javascript jQuery
16 votes196 views5 answers
Jquery enable disable textbox
Javascript jQuery
20 votes101 views1 answer
Remove attribute jquery
Javascript jQuery
2 votes160 views1 answer
Push tr in tbody using jquery
Javascript jQuery
0 vote160 views1 answer
How to check element has event or not in jquery
Javascript jQuery
0 vote171 views2 answers
Pure JavaScript Send POST NO JQUERY
Javascript jQuery
1 vote148 views1 answer
Jquery set route with parameters in url
Javascript jQuery
0 vote166 views1 answer
How make date object in jquery from custom date
Javascript jQuery
1 vote156 views2 answers
Get all monday date in a month jquery
Javascript jQuery