javascript - 添加“x”图标以隐藏当前打开的 Accordion

jQuery对我来说仍然是一个学习过程，但是我这里有一个手风琴脚本，我想在每个切换菜单中添加一个关闭图标，一旦打开该切换器就将其关闭，但是我似乎无法将它打开工作。有什么想法吗？

FIDDLE

  $('#main').each(function () {
      var $accordian = $(this);
      $accordian.find('.view-m').on('click', function () {
          $accordian.find('.mobile-content-body').slideUp();
          $accordian.find('span').css('transform', 'rotate(0deg)');
          if (!$(this).next().is(':visible')) {
              $(this).next().slideDown();
              $(this).find('span').css('transform', 'rotate(90deg)');
              $(this).next().slideDown();
              $accordian.find('.close').slideToggle(500);
          }
      });
  });

最佳答案

您需要更换：

$accordian.find('.close').slideToggle(500);

->

$accordian.find('.close').click(function() {
    $(this).parent().slideUp(500);
});

要么

$accordian.find('.close').on('click',function() {
   $(this).parent().slideUp(500);
});

JSFiddle