css - 默认打开切换

Question

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

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

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

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

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

Answer 1

不要选择 with eq()，而是尝试选择 first-child ：

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