/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 vote175 views1 answer
Get date and change format and increase date or month in javascript jquery
Javascript jQuery
3 votes179 views1 answer
Jquery on click get element
Javascript jQuery
13 votes183 views6 answers
Scroll to top jquery
Javascript jQuery
19 votes169 views4 answers
Get select option selected text jquery
Javascript jQuery
0 vote177 views1 answer
Jquery insert after next element
Javascript jQuery
0 vote194 views1 answer
Jquery autocomplete set suggestion length
Javascript jQuery
3 votes181 views2 answers
Keydown jquery
Javascript jQuery
1 vote185 views1 answer
Jquery select a dynamic element
Javascript jQuery
0 vote159 views1 answer
Remove an attribute from style tag using jquery
Javascript jQuery
0 vote172 views1 answer
Jquery parent panel hide
Javascript jQuery