Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá,
O script abaixo dá a ação de mudança de classe quando algum item é acionado, entretanto os outros se mantém com as suas classes iniciais. Como posso melhorar este script? Ele está com muitas condições.
Explicação rápida:
classes iniciais: .ensino-superior | .escolas | .saude | .variedades
classes ativas: .ensino-superior-ativo | .escolas-ativo | .saude-ativo | .variedades-ativo
$('.categoria li').click(function()
{
var classe = $(this).attr('class');
if(classe == 'ensino-superior')
{
$(this).removeClass(classe).addClass(classe+'-ativo');
$('.escolas-ativo').removeClass('escolas-ativo').addClass('escolas');
$('.saude-ativo').removeClass('saude-ativo').addClass('saude');
$('.variedades-ativo').removeClass('variedades-ativo').addClass('variedades');
}
if(classe == 'escolas')
{
$(this).removeClass(classe).addClass(classe+'-ativo');
$('.ensino-superior-ativo').removeClass('ensino-superior-ativo').addClass('ensino-superior');
$('.saude-ativo').removeClass('saude-ativo').addClass('saude');
$('.variedades-ativo').removeClass('variedades-ativo').addClass('variedades');
}
if(classe == 'saude')
{
$(this).removeClass(classe).addClass(classe+'-ativo');
$('.ensino-superior-ativo').removeClass('ensino-superior-ativo').addClass('ensino-superior');
$('.escolas-ativo').removeClass('escolas-ativo').addClass('escolas');
$('.variedades-ativo').removeClass('variedades-ativo').addClass('variedades');
}
if(classe == 'variedades')
{
$(this).removeClass(classe).addClass(classe+'-ativo');
$('.ensino-superior-ativo').removeClass('ensino-superior-ativo').addClass('ensino-superior');
$('.escolas-ativo').removeClass('escolas-ativo').addClass('escolas');
$('.saude-ativo').removeClass('saude-ativo').addClass('saude');
}
});Carregando comentários...