jochienabuurs/details-tag
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|
Repository files navigation
A polyfill for <details> tag.
Unfortunately, a seamless integration was unsuccessful.
To manipulate <details> tags from Javascript, use our API:
Know if a tag is open or no:
$('details').details()
Open a tag
$('details').details('open')
Close a tag
$('details').details('close')
Event handlers:
$('details').on('open', function(){
console.log('Opened ', $(this));
});
$('details').on('close', function(){});
Initialize polyfill on some new elements:
myDetailsTag.details('init')
To make a tag animated
<detail class=animated>
To control animation speeds
<detail class=animated data-animation-speed="slow/fast/1000">
This will also manipulate native implemenations.