Allow toggling open state

[mathiasbynens]

LedgeT describes a use case here:

I have a responsive design that requires the details to be closed in one view but open in another. Is it possible to do this based on changing the parent class?

E.g. $(el).details('toggle'); would toggle the open attribute and property, as well as class="open".

Maybe also $(el).details('open') and $(el).details('close').

This could also trigger event handlers:

$el.details();
$el.on('open.details', function() {
  console.log('open');
}).on('close.details', function() {
  console.log('close');
});
$el.details('open'); // opens the element and triggers `open.details`

[mathiasbynens]

Added the firing of custom events in 00754e9.

[mathiasbynens]

The spec now defines a toggle event on <details> elements: http://html5.org/tools/web-apps-tracker?from=8250&to=8251