on button click show collapse div jquery

Nycto Nid answered on September 21, 2020 Popularity 9/10 Helpfulness 2/10

answer on button click show collapse div jquery

related on button click show collapse div jquery

on button click show collapse div jquery

Comment

#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 */
}

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: button click collapse javascript jquery show

Link to this answer
Share Copy Link

Contributed on Sep 21 2020

Nycto Nid

0 Answers Avg Quality 2/10

Closely Related Answers

on button click show collapse div jquery

Comment

$(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 */
  });
});

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Sep 21 2020

Nycto Nid

0 Answers Avg Quality 2/10

on button click show collapse div jquery

Comment

<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>

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Sep 21 2020

Nycto Nid

0 Answers Avg Quality 2/10

on button click show collapse div jquery

Contents

More Related Answers

on button click show collapse div jquery

Closely Related Answers

on button click show collapse div jquery

on button click show collapse div jquery

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.