添加＆＃34; x＆＃34;隐藏当前开放式手风琴的图标

Question

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

Answer 1

您需要替换：

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

- ＆GT;

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

或者

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

JSFiddle