Функция slideToggle перестает работать при переключении ng-show

У меня есть две кнопки, которые меняют представления с помощью ng-show, и у меня есть фильтр в представлении по умолчанию. Фильтр - это раскрывающийся список, который работает со SlideToggle (), и он работает до тех пор, пока я не нажму другую кнопку и не перейду ко второму представлению, а когда я щелкну обратно до значения по умолчанию, раскрывающийся список перестает работать. Проверял в Хроме, ничего не происходит это код для раскрывающегося списка:

<div ng-if = "filter.entity === 'user'" class = "col-md-12 filter-group">
<h5 class = "open">Age<span class = "caret"></span></h5>
   <div class = "filter-group-items filter">
       <div>Age
         <rzslider rz-slider-model = "filter.ageMin" rz-slider high = "filter.ageMax" rz-slider-options = "sliderOptionsAmount">
         </rzslider>
       </div>
   <div>
</div>

Это js

  $(".open").click(() => {
  $(".filter").slideToggle()
  })