Get started with jquery.collapsible CDN

BSD-3-Clause licensed

JQuery.collapsible: Plugin for creating and managing collapsible HTML elements.

Tags:
  • jquery
  • collapsable
  • div

Stable version

Copied!

How to start using jquery.collapsible CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with jquery.collapsible CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.collapsible/1.2.2/jquery.collapsible.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/jquery.collapsible/1.2/jquery.collapsible.min.js"></script>
</head>
<body>
    <button id="accordion">Accordion</button>
    <div id="accordion-content">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia odio vitae vestibulum vestibulum. Cras porttitor metus justo, ut fringilla urna bibendum eget. Nullam id felis et ipsum bibendum ultrices. Donec id elit non mi porta gravida at eget magna.</p>
    </div>

    <script>
        $(document).ready(function() {
            $('#accordion').collapsible({
                collapsible: true,
                expand: false
            });
        });
    </script>
</body>
</html>
Copied!
Copied!

All versions