$('button.toggle-detail-row').click(function(){ let rowId = $(this).attr('id'); console.log(rowId); if ($('tr.table-row-details[id="' + rowId + '"]').is(':visible')) { console.log('Case 1'); $('tr.table-row-details[id="' + rowId + '"]').slideUp("slow"); $(this).children("i.toggle-button").removeClass("fa fa-minus").addClass("fa fa-plus"); } else { console.log('Case 3 : ' + rowId); $('tr.table-row-details').hide(); $("i.toggle-button").removeClass("fa fa-minus").addClass("fa fa-plus"); $('tr.table-row-details[id="' + rowId + '"]').slideDown("slow"); $(this).children("i.toggle-button").removeClass("fa fa-plus").addClass("fa fa-minus"); } });