无法通过Javascript执行切换卡

Question

我正在制作一个预订表格，其中有两个选项卡，即“每日”和“每月” 单击每日和每月选项卡时，我的计划是切换表单 但是我在JavaScript中遇到问题。

var daily = $('.daily'),
				monthly= $('.monthly'),
				card1 = $('.card-box-main-1'),
				card2 = $('.card-box-main-2');
			function ifActive(elem)
			{
				if (elem.hasClass('active')) {
					return true;
				} else {
					return false;
				}
			}
function switchCards(){
daily.on('click', function(e){
e.preventDefault();
if (ifActive(monthly)){
							daily.addClass('active');
							monthly.removeClass('active');
							card1.removeClass('dailytab').addClass('monthlytab');
							card2.removeClass('monthlytab').addClass('dailytab animated bounceInRight');
}
}
);
monthly.on('click', function(e){
e.preventDefault();
if (ifActive(daily)) {
							daily.removeClass('active');
							monthly.addClass('active');
							card2.removeClass('dailytab').addClass('monthlytab');
							card1.removeClass('monthlytab').addClass('dailytab animated bounceInLeft');
}
});
}
switchCards();