Allow toggling `open` state #5

Open
mathiasbynens opened this Issue Jan 8, 2012 · 2 comments

Projects

None yet

1 participant

@mathiasbynens
Owner

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
Owner

Added the firing of custom events in 00754e9.

@mathiasbynens
Owner

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment