javascript - hide child element with dynamic bootstrap table -
i'm using dynamic table example found here (bootply). table parent, child relationship, can click on row , drop down row. added 1 more level example, can think of example parent, child, grandchild relationship. issue if go 2 levels deep, , click parent row hides child row, not grandchild rows. need fix 'bug' somehow.. i've tried wrapping parent row in div , using href="#collapse1" , putting id on grandchild row doesn't work. other suggestions appreciated. here's html.. <table class="table table-responsive table-hover"> <thead> <tr><th>column</th><th>column</th><th>column</th><th>column</th></tr> </thead> <tbody> <tr class="clickable" data-toggle="collapse" id="row1" data-target=".row1"> <td><i class="glyphicon glyphicon-plus"></i></td>