Добавить действие в кнопку с помощью jQuery ⇐ Jquery

[Anonymous]

У меня есть таблица, которая отображает данные на разных уровнях (родитель, ребенок, внук), когда я нажимаю на родителей, она отображает новые строки, связанные с дочерним уровнем, и если я нажимаю на ребенка, он отображает третий уровень как внук с большим количеством рядов. Чтобы имитировать функциональность расширения и коллапса, я хочу сделать это также для дочернего уровня. < /p>
Теперь столбцы развернуты или обрушиваются, если я нажимаю на строку, но я хочу сделать это, если я нажимаю на кнопки, которые я хочу добавить.

Код: Выделить всё

    $('.drillDown tr td:last-child, .drillDown tr th:last-child').hide();

$('.drillDown tr td:first-child, .drillDown tr th:first-child').dblclick(function(){
$('.drillDown tr td:last-child, .drillDown tr th:last-child').show();

})

$('table.drillDown').each(function() {

var $table = $(this);
$table.find('.parent').dblclick(function() {
console.log( "*****Click on Parent" );
$(this).nextUntil('.parent', ".child").toggle("fast");
$(this).nextUntil('.parent', ".grandson").hide("fast");
});

$table.find('.child').dblclick(function() {
console.log( "*****Click on child" );
$(this).nextUntil('.child', ".grandson").toggle("fast");

});

var $childRows = $table.find('tbody tr').not('.parent').hide();
$table.find('button.hide').dblclick(function() {
$childRows.hide();

});
$table.find('button.show').dblclick(function() {
console.log("*****Click on Child");
$childRows.filter('.child').show();
});
$table.find('tr.child').dblclick(function(){
$(this).nextUntil('.child').show()
});

});

, а также моя скрипка с полным примером
https://jsfiddle.net/ny6qcxtd/2/> Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/364 ... ith-jquery