因此,我的页面上有这个手风琴,jsfiddle.net/p4vQK/,并且希望在同一页上有完全相同的手风琴集,但是默认情况下打开第一个手风琴开关。
这是我用来使第一个切换活动的js代码。
$('.accordion .accordion-content:eq(0)').slideDown();
$('.accordion .accordion-title:eq(0)').attr('stus', 'active').addClass('active');
然而,当两套手风琴在同一页上时,它就不能工作了。
希望有人能帮我做到这一点。谢谢!
发布于 2013-07-25 18:24:43
不要使用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');
https://stackoverflow.com/questions/17871762
复制