添加“;x〃;隐藏当前打开的手风琴的图标

add "x" icon that hides the current open accordion

本文关键字：手风琴 图标 隐藏 添加      更新时间：2023-09-26

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

小提琴

  $('#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

相关文章：