Ajax call on slideToggle

Question

Я получаю некоторые данные с сервера через Ajax-вызов при нажатии кнопки, но я хотел бы получить данные только тогда, когда выпадающее меню идет вниз, хотелось бы избежать вызова, когда раскрывающийся список возвращается.

Вот мой JQuery

$('.button').on('click', function(){ 
$('.test').slideToggle('slow'); 
$.ajax({ 
    type: "GET", 
    url: /testUrl.php, 
    success: function(result) { 
    alert(result); 
}); 
}); 

Спасибо

Answer 1

Вы можете сделать это так:

$('.button').on('click', function(){ 
    if (!$('.test').is(:visible)) 
    $.ajax({ 
     type: "GET", 
     url: /testUrl.php, 
     success: function(result) { 
     alert(result); 
    }); 
    $('.test').slideToggle('slow'); 
}); 

Answer 2

Вы можете попробовать это:

$('.button').on('click', function(){ 
    var $test = $('.test'); 
    $test.slideToggle('slow'); 
    if (!$test.is(':visible')) { 
    $.ajax({ 
     type: "GET", 
     url: /testUrl.php, 
     success: function(result) { 
     alert(result); 
    }); 
    } 
});