jQuery добавить удалить выбранный класс

Question

Мне нужно добавить активный класс в мой список li, и он отлично работает, но я не хочу удалять активный класс, если кто-то щелкнет уже выбранным li.

Вот мой код.

$('.nav li').click(function() {
  $(this).toggleClass('active').siblings().removeClass('active');
});

Так пробовал, но безуспешно.

$('.nav li.active').click(function() {
      $(this).addClass('active');
    });

Есть идеи?

Answer 1

Вы можете попробовать это:

$('.nav li').click(function() {
  $('.nav li').removeClass('active');
  $(this).addClass('active');
});

Удалив класс active из всех элементов li, а затем добавив новый класс active для текущего элемента.

Answer 2

попробуйте это. Гудлак

$('.nav').on('click', 'li', function() {
   $('.nav li.active').removeClass('active');
   $(this).addClass('active');
});