添加隱藏當前開放式手風琴的「x」圖標

jQuery對我來說仍然是一個學習過程，但我在這裏有一個手風琴腳本，我正在尋找爲每個切換菜單添加一個關閉圖標，已被打開，但我似乎無法使其工作。思考？添加隱藏當前開放式手風琴的「x」圖標

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

來源

2014-10-03 user3304644

http://jsfiddle.net/82y7zb97/2/ – dave 2014-10-03 00:17:34

這很棒，但點擊圖標時會切換其他菜單。我只想讓圖標關閉當前打開的切換菜單。任何提示都很有幫助。 – user3304644 2014-10-03 00:22:22

你需要更換：

$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

來源

2014-10-03 00:50:57 Devian

完美，謝謝。 – user3304644 2014-10-03 01:15:36

添加隱藏當前開放式手風琴的「x」圖標

回答

相關問題