jQuery 对我来说仍然是一个学习过程,但我这里有一个 Accordion 脚本,我希望向每个切换菜单添加一个关闭图标,该图标一旦打开就会关闭切换,但我似乎无法让它发挥作用。想法?
$('#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);
});
关于javascript - 添加 "x"图标,隐藏当前打开的 Accordion ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26171531/