This repository has been archived by the owner. It is now read-only.
A polyfill for <details> tag.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README
jquery.details.js

README

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.