JQuery Как удалить и добавить класс после нажатия кнопки с задержкой по времени перед другими функциями

Question

В настоящее время у меня есть скрипт для кнопки click для следующего html, который, в свою очередь, отображает содержимое, помеченное «целевыми данными»

тэга .....

<a class='slide' href='#' data-url='who-are-musability-music-therapy.html' data-target='#music'> 
      <span class='element'>Music</span> 
     </a> 

цель данных, загружается ...

<div id ="overview" class="animated bounceInUp"></div> 

и JQuery, который выполняет на кнопку ...

$(document).ready(function(){ 
    $("body").on("click", ".slide", function(e){ 
    e.preventDefault(); 
    console.log($("#tam-content").load($(this).data("url") + ' ' + $(this).data("target"))); 

    }); 
}); 

ВОПРОС: - Как поместить таймер в сценарий на 2 секунды, чтобы он удалил класс bounceinup и добавил bounceoutup, а затем переходит к ссылке как обычно?

Answer 1

Трудно сказать, но, возможно, это то, что вы ищете:

$(function(){ 
    $('.slide').click(function(){ 
    var t = $(this), tc = $('#tam-content'); 
    tc.load(t.data('url')+' '+t.data('target'), function(){ 
     setTimeout(function(){ 
     var a = tc.find('.animated'); 
     if(a.hasClass('bounceInUp')){ 
      a.removeClass('bounceInUp').addClass('bounceOutUp'); 
     } 
     else if(a.hasClass('bounceOutUp')){ 
      a.removeClass('bounceOutUp').addClass('bounceInUp'); 
     } 
     // run other code here 
     }, 2000); 
    }); 
    }); 
});