默认情况下打开切换

Question

所以我在我的页面jsfiddle.net/p4vQK/上有这个手风琴，并希望在同一页面上拥有完全相同的手风琴组，但默认情况下会打开第一个手风琴。

这是我用来使第一个切换激活的js代码

$('.accordion .accordion-content:eq(0)').slideDown();
$('.accordion .accordion-title:eq(0)').attr('stus', 'active').addClass('active');

但是当两组手风琴在同一页面上时，它不起作用。

希望有人帮助我实现这一目标。谢谢！

Answer 1

不要选择eq()，而是尝试选择第一个孩子：

$('.accordion li:first-child .accordion-content').slideDown();
$('.accordion li:first-child .accordion-title').attr('stus', 'active').addClass('active');

小提琴：http://jsfiddle.net/p4vQK/3/

我也改变了一些东西，因为当有多个手风琴时你的代码不起作用。

你需要在同一个ul中关闭手风琴：

$(this).closest('.accordion').find('.accordion-content').slideUp();
$(this).closest('.accordion').find('.accordion-title').attr('stus', '').removeClass('active');