Помогите с add remove class
 

Есть таблица, по клику на строке, открывается дополнительная инфо, при повторном клике закрывается инфо. Работает, если кликать медленно, а если быстро кликнуть два или несколько раз, открывается много инфо. Как это устранить?

<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>

не удалять запрошенную информацию и не запрашивать дважды

Sav2907,
как-то так ...

$(function() {

      // Details
      $('.parent').on('click', function(){
        var parent = $(this), next = parent.next('.details'), ok = parent.data('ok');
        if(next.length){
        next.toggle();
        parent.toggleClass('active')
        }
        else if(!ok){
          $.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) {
            var ok = parent.data('ok');
            if(!ok){
            $('<tr class="details"><td colspan="6">' + response + '</td></tr>').insertAfter(parent);
            parent.addClass('active');
            parent.data('ok',true);
            }

          });
        }
      });


});

рони,
Спасибо, проверить не могу, код на работе. В понедельник проверю

рони,
Спасибо большое, работает

Еще одно, по клику на красный крестик (<a href="del.php?id='.$row['id'].'">), отправляется $ _POST и запись удаляется. После этого, нужно чтобы с таблички запись исчеза без обновления страницы.

Sav2907,
не понимаю

Например кликаю по крестику записи №7, с базы запись удаляется. С таблички она тоже исчезнет после обновления страницы, а нужно обновить саму табличку а не страницу

Короче говоря, нужно этот кусок прикрутить к крестикам.

.done(function(response) {
            var ok = parent.data('ok');
            if(!ok){
            $('<tr class="details"><td colspan="6">' + response + '</td></tr>').insertAfter(parent);
            parent.addClass('active');
            parent.data('ok',true);
            }
 
          });

Sav2907,
где код для креста?