/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

1 vote293 views1 answer
Jqvalide disable submit button after click
Javascript jQuery
14 votes528 views4 answers
Convert js to jquery online
Javascript jQuery
68 votes357 views2 answers
Add class in loop jquery
Javascript jQuery
1 vote293 views1 answer
Jquery iterate obj
Javascript jQuery
10 votes306 views6 answers
Jquery post
Javascript jQuery
0 vote355 views1 answer
Force click btn using jquery
Javascript jQuery
2 votes320 views3 answers
Jquery set html of element
Javascript jQuery
0 vote355 views2 answers
Jquery empecher revoie du formulaire
Javascript jQuery
0 vote310 views2 answers
Multipart/form-data ajax jquery
Javascript jQuery
0 vote330 views1 answer
Get all data attributes jquery from multiple elements
Javascript jQuery