Get started with jquery-details CDN

(MIT OR GPL-2.0) licensed

JQuery-details: Additional info, settings for using jQuery library in web dev.

Tags:
  • html5
  • details
  • summary
  • annotation

Stable version

Copied!

How to start using jquery-details CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with jquery-details CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" />
    <script src="https://cdn.cdnhub.io/jquery-details/0.1.0/jquery.details.min.js"></script>
    <style>
        .details-toggle:before {
            content: '+';
        }
    </style>
</head>
<body>
    <button class="details-toggle">Click to toggle details</button>
    <div class="details">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisi quis scelerisque bibendum, quam turpis euismod mauris, ut commodo urna mauris vel mauris.</p>
    </div>

    <script>
        $(function() {
            $('.details-toggle').details();
        });
    </script>
</body>
</html>
Copied!
Copied!

All versions