How to write a jQuery .on script correctly?

Question

JavaScript

Please tell me there is a code

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

Clicking on li.active opens the list and removes the class from this li. After clicking on another li, it is assigned the class active . The problem is this. That when you click the 2nd time, the list does not open and no action occurs. The script only runs once.

How to solve this problem?

Answer 1

I assume you need something like this:

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

If you provide the HTML code, it will be possible to give a more accurate answer.