javascript - 添加 "x"图标，隐藏当前打开的 Accordion

Question

jQuery 对我来说仍然是一个学习过程，但我这里有一个 Accordion 脚本，我希望向每个切换菜单添加一个关闭图标，该图标一旦打开就会关闭切换，但我似乎无法让它发挥作用。想法？

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);
          }
      });
  });

Answer 1

您需要更换:

$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