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`
LedgeT describes a use case here:
E.g.
$(el).details('toggle');
would toggle theopen
attribute and property, as well asclass="open"
.Maybe also
$(el).details('open')
and$(el).details('close')
.This could also trigger event handlers: