Ориентация на определенный класс в jQuery

Я пытаюсь создать слайдер с нуля. Когда вы нажимаете элемент с классом .slide-next он должен проверять, какой элемент имеет active класс, а затем исчезать, чтобы его можно было показать. Но, похоже, это не работает. Код показан ниже:

$('.slide-next').click(function(){
    var className = "active";
    if ($('.slide').hasClass('.' + className)) {
        (".slide").fadeOut("slow");
    } else {
    }
});

Если кто-то может помочь, он будет очень признателен. Для вашей информации я закодировал ползунок, чтобы добавить active класс на основе элемента, который пользователь нажимает, как показано ниже, и он отлично работает. Мне просто нужно знать, как определить, когда определенный слайдер обладает active классом, чтобы можно было угаснуть?

$('.slide-welcome').click(function(){
    $( "#slideshow #welcomeSlide").addClass("active").fadeIn("slow");
    $( "#monitorSlide, #manageSlide, #maintainSlide").removeClass("active").fadeOut("slow");
});

$('.slide-monitor').click(function(){
    $( "#slideshow #monitorSlide").addClass("active").fadeIn("slow");
    $( "#welcomeSlide, #manageSlide, #maintainSlide").removeClass("active").fadeOut("slow");
});

$('.slide-manage').click(function(){
    $( "#slideshow #manageSlide").addClass("active").fadeIn("slow");
     $( "#monitorSlide, #welcomeSlide, #maintainSlide").removeClass("active").fadeOut("slow");
});

$('.slide-maintain').click(function(){
    $( "#slideshow #maintainSlide").addClass("active").fadeIn("slow");
    $( "#monitorSlide, #manageSlide, #welcomeSlide").removeClass("active").fadeOut("slow");
});