jquery - 我有用于 Accordion 的自定义 jQuery 和 iam 使用切换功能,如果我单击第二个选项卡,第一个选项卡应该折叠,但没有发生

标签 jquery html css

I have Custom jQuery for Accordion and iam using toggle function, if i click on 2nd tab 1st tab should be collapsed, which is not happening

<p>Here is the code Demo for reference</p>

Demo link

谢谢!

最佳答案

您需要添加一些内容来关闭其他打开的子项。

$('.tgt-accordion .head').click(function(e){
    e.preventDefault();
    $('.tgt-accordian-content').stop().slideUp();
    $(this).closest('li').find('.tgt-accordian-content').not(':animated').slideToggle();
});

这将关闭所有打开的内容 block 并同时打开新的内容 block 。

关于jquery - 我有用于 Accordion 的自定义 jQuery 和 iam 使用切换功能,如果我单击第二个选项卡,第一个选项卡应该折叠,但没有发生,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18845236/

相关文章:

javascript - 如何将 Onclick 效果设置为仅在特定时间起作用?

javascript - Safari PC/Mac 中的 jQuery/JavaScript 问题

javascript - Lightbox 2功能齐全,想要查看的图像全尺寸吗?

javascript - Jquery 只针对所有其他选择选项?

html - Jekyll site.baseurl 在永久链接中丢失

javascript - 获取选择元素的初始选择值

javascript - 应该插入的动态类未插入

javascript - 尝试将文本添加到按钮的值

css - 有没有一种方法可以使用 jQuery 检索 MVC 局部 View 来保持 UI CSS 样式?

css - sass 将根类添加到当前选择器