Есть таблица, по клику на строке, открывается дополнительная инфо, при повторном клике закрывается инфо. Работает, если кликать медленно, а если быстро кликнуть два или несколько раз, открывается много инфо. Как это устранить?
<script>
$(document).ready(function() {
// Details
$('.parent').on('click', function(){
parent = $(this);
if (parent.hasClass('active')) {
parent.next().remove();
parent.removeClass('active');
} else {
$.ajax({
url: './lm_ld.php',
data: {
login: parent.data('login'),
datestart: '<?php echo $datestart; ?>',
dateend: '<?php echo $dateend; ?>',
shift: '<?php echo $shift; ?>',
date: parent.data('date'),
shift: '<?php echo $shift; ?>'
}
}).done(function(response) {
$('<tr class="details"><td colspan="6">' + response + '</td></tr>').insertAfter(parent);
parent.addClass('active');
});
}
});
});
</script>