/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 vote308 views1 answer
Data in table when i click the table link in open table in another jquery
Javascript jQuery
0 vote246 views1 answer
Jquery remove first character from string
Javascript jQuery
24 votes291 views6 answers
Jquery submit form
Javascript jQuery
0 vote279 views1 answer
Jquery on load button click
Javascript jQuery
0 vote347 views1 answer
Find text in label jquery
Javascript jQuery
0 vote249 views1 answer
Jquery add remove class timer
Javascript jQuery
0 vote251 views2 answers
Show div with jquery
Javascript jQuery
-1 vote275 views2 answers
How to avoid duplicate values in dropdownlist using jquery
Javascript jQuery
25 votes298 views6 answers
Get selected option jquery
Javascript jQuery
10 votes259 views4 answers
Jquery chek radio
Javascript jQuery