JS support to expand/collapse content, like HTML5 details/summary elements
Project description
django-html5accordion adds JS support to expand/collapse any content, like HTML5 details/summary elements. It can be called on any element, and takes as an argument a selector for the summary contents that should always remain visible (and act as the link to expand/collapse the hidden content).
Dependencies
jQuery library (http://jquery.com/)
Installation
In your Django project settings, add “html5accordion” to your INSTALLED_APPS.
Usage
Linking the JS:
<script src="{{ STATIC_URL }}html5accordion/jquery.html5accordion.js"></script>
Sample HTML:
<article class="details"> <header class="summary"> <p>This content will always be visible</p> </header> <div> <p>This content will expand/collapse when `.summary` is clicked</p> </div> </article>
Calling the plugin:
$('.details').html5accordion('.summary');
Project details
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Close
Hashes for django-html5accordion-0.1.2.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | 0fe3bd2c50b08f2368ca400df04ac2cd68afd34439e53ed556a70bfc6bcf5a02 |
|
MD5 | 4e46b974806f0704699819b55177213d |
|
BLAKE2b-256 | d779e492bfadd8c9f11da58266fd38ea32e2265c7078d1e20162a7e0ac45b8c8 |