Why does the script stop working when the filter is activated?

Question

JavaScript

Hello.

In the mobile version of the site , the link has a drop-down filter + sorting. They work fine. But, if you select something in the filter once, then the second time the filter and the characteristic do not open. Nothing is hung on these elements when clicked.

// Mobile filter
  $(".catalog-filters-mobile__toggle").click(function(){
    $(".catalog-filters-mobile-body").slideToggle(200);
  });

I can't find the reason. Help me please.

Answer 1

I found the reason. The fact is that in the mobile version the filter was inside the block with products, when the filter was activated, this section was redrawn, and the filter along with it. I had to pull the block with the filter out of this section.

Answer 2

take the code from the theme default 3