better-details-polyfill

<details> polyfill for better-dom

The goal for this project is to create a complete polyfill for the <details> element which provides consistent behavior in every browser (see browser support). As a result you can use this new element on web pages today.

LIVE DEMO

Features

• live extension - works for current and future content
• open attribute support
• fires toggle event when open state changed
• keyboard and ARIA-friendly
• fully customisable via CSS

Installing

Use bower to download this extension with all required dependencies.

$ bower install better-details-polyfill

This will clone the latest version of the better-details-polyfill into the bower_components directory at the root of your project.

Then append the following tags on your page:

<script src="bower_components/better-dom/dist/better-dom.js"></script>
<script src="bower_components/better-details-polyfill/dist/better-details-polyfill.js"></script>

Browser support

Desktop

• Chrome
• Safari 6.0+
• Firefox 16+
• Opera 12.10+
• Internet Explorer 8+ (see notes)

Mobile

• iOS Safari 6+
• Android 2.3+
• Chrome for Android