jQuery CM Accordion Plugin by CodeHim

CM Accordion Examples

The following are some examples of jQuery CM Accordion.

This is summary of accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is summary of accordion

Heading for the Accordion

How to Use

1. Load the jQuery and CM Accordion plugin into your HTML document.

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.4.0.min.js"></script>

<!-- CM Accordion Js -->
<script src="js/jquery.cm.accordion.js"></script>

2. Create HTML structure for accordion like below.

<div class="wrapper">
   <section>
      <div class="summary">This is summary of accordion </div>
      <div class="details"> Put your detailed contents here..</div>
   </section>
</div>

3. Initialize the plugin in jQuery document ready function to active the accordion.

$(document).ready(function () {

	$(".wrapper").cmAccordion();


});