I do have a problem that I can't solve by myself. I really hope someone here is willing to help me.
I have lots of visible parent table rows
Under each parent there is a child table row
<tr class="child"> that is hidden by default.
I want a solution where the whole parent row acts as a button to either hide or show the child row.
Also while the child row is shown, a class should be added to the parent row.
The class should get removed after hiding the child row again.
It would be wonderful if showing/hiding had a smooth animation.
So I'd prefer a solution in vanilla JS instead of including a framework like JQuery.
I'd be very very thankful if anyone here would take the time to provide me a solution to this.
Let me know if there is anything I could do to return the favour.
I've made a JSFiddle: https://jsfiddle.net/L4vknsr2/1/