当＆＃34; x＆＃34;时，箭头切换回（0deg）单击关闭图标

Question

我一直在研究手风琴，并且接近我需要它。但是，在单击关闭“x”图标后，我似乎无法将箭头旋转回0度。切换关闭但箭头保持向下位置。

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').click(function () {
                  $(this).parent().slideUp(500);
                  $(this).find('span').css('transform', 'rotate(0deg)');
              });
          }
      });
  });

Answer 1

问题出在这一行：

$(this).find('span').css('transform', 'rotate(0deg)');

您正在搜索里面的箭头 X按钮。你需要去2个元素，并在那里搜索：

的 Fixed 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').click(function () {
                  $(this).parent().slideUp(500);
                  $(this).parent().parent().find('span').css('transform', 'rotate(0deg)');
              });
          }
      });
  });

Answer 2

更改此行

 $(this).find('span').css('transform', 'rotate(0deg)');

与

 $(this).parent().prev('.view-m').find('span').css('transform', 'rotate(0deg)');

DEMO