jQuery toggleClass se div hasClass - jquery, addclass, removeclass, toggleclass

Estou tentando alternar uma classe .active em um controle deslizante da minha página para criar alguma paginação.

Atualmente, estou usando:

jQuery(window).load(function(){
if (jQuery("#image1").hasClass("crsl-active")){
jQuery(".pager1").toggleClass("active");
}
});

Quando meu controle deslizante vai para a segunda div, a classe .crsl-active passa para a próxima div, mas a classe .active no .pager1 não é removida. Qualquer ajuda seria muito apreciada.

Respostas:

Primeiro remova todos os "ativos" e aplique suas regras:

$(".active").each(function(){
$(this).removeClass("active");
});

if (jQuery("#image1").hasClass("crsl-active")){
jQuery(".pager1").toggleClass("active");
}

A primeira regra pode ser escrita como:

$(".active").removeClass("active");

mas pessoalmente eu não gosto muito.