Programmatic Toggling

[markjohnson4]

Is it possible to trigger a method that toggles an element so I can toggle it via some custom javascript logic?

Some context: I have a table with a button in a tr element that, when clicked, displays "child" tr elements (from the DOM's perspective, though, these tr elements are sibling elements). each of those child tr elements also has a button that displays their own "child" elements. If I toggle the top-level tr button to hide its children, I want to also hide its grandchildren. Does that make sense?

[Twikito]

Hi @markjohnson4!

Quite hard to understand. Do you have any screenshot?

[markjohnson4]

Hi! Sorry, my "some context" is too confusing. I think it's simpler to simpler to illustrate what I want with this:

if(condition) {
toggleOn(element);
}
else {
toggleOff(element);
}

are there functions like this that can "toggleOn" or "toggleOff"?

thanks!

[Twikito]

Hi!

Maybe you could find a solution using the hooks? https://twikito.github.io/easy-toggle-state/#hooks

[markjohnson4]

Hi! I mean a method to trigger a toggle state. Like bootstrap modals can be opened with the JavaScript: myModalElement.modal('show'). Is there something like myToggleElement.toggle('show")?

here's the bootstrap modal example I'm talking about: https://getbootstrap.com/docs/4.0/components/modal/#modalshow

thanks!

[henrijs]

if (isActive(button)) { button.click() }