Jquery 切换多个搜索区域和手柄图标

我需要做的是在单击

时切换每个搜索区域

我还需要它在

元素上切换类图标减号和图标加号。（这没有显示在我的小提琴上，因为它需要安装字体。）

加载时，它应仅显示第一个搜索区域，其余区域隐藏（显示：无）

它还必须能够切换当前搜索区域和图标

---

我做了一次失败的尝试

你可以这样做。您只需要添加一个div，这样当前div就不会与其他div一起隐藏

$('.s-container h2').on('click', function () {
  var $el = $(this);
  var div = $el.next('.s-area');
  $('.s-area').not(div).hide(); // hide all but the current one that is toggling
  div.slideToggle('fast',function(){ 
      // add correct class accordingly to the h2 elemeents
      $('.s-container h2').attr('class',function(){
            return $(this).next('.s-area').is(':visible') ? 'icon-minus' : 'icon-plus';
      });
  });
});