letehaha
@letehaha
Вникаю вo front-end

Как более красиво/правильно написать этот код?

$('.folio-nav_list li').click(function(e) {
		$('.folio-nav_list li').removeClass('active');
		$('.folio-nav_list li').removeClass('no-active');
		$(this).addClass('active');
		$('.folio-nav_list li').addClass('no-active');
		$(this).removeClass('no-active');
	});
  • Вопрос задан
  • 210 просмотров
Решения вопроса 1
Rou1997
@Rou1997
var all_another = $('.folio-nav_list li');
all_another.removeClass('active');
all_another.addClass('no-active');
$(this).addClass('active');
$(this).removeClass('no-active');
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Bowen
@Bowen
Японский бог
var noActiveClassName = 'no-active', activeClassName = 'active';
$('.folio-nav_list li').on('click', function() {
    $(this)
    .removeClass(noActiveClassName)
    .addClass(activeClassName)
    .siblings()
    .removeClass(activeClassName)
    .addClass(noActiveClassName);
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы