HTML
<h2 class="sec-title">one</h2>
<div class="sec-content">content 1</div>
<h2 class="sec-title">two</h2>
<div class="sec-content">content 2</div>
jQuery:
$('.sec-content').hide();
$('.sec-title:first').addClass('active').next().show();
$('.sec-title').click(function(){
if( $(this).next().is(':hidden') ) {
$('.sec-title').removeClass('active').next().slideUp();
$(this).toggleClass('active').next().slideDown();
}
return false;
});
... 可以，但是如果想让第二个 Accordion 部分在页面加载时处于事件状态怎么办？我要改变什么？
谢谢你的帮助
最佳答案
尝试将您选择第一个 sec-title 类元素的行更改为:
$('.sec-title:eq(1)').addClass('active').next().show();
这是 API documentation对于 :eq 选择器。我认为它会做你想做的。它将选择与选择器匹配的第 n 个元素。请记住，eq() 是从 0 开始的 - 因此 :eq(1) 正在选择具有 sec-title 类的第二项。
这是我的 fiddle ，说明了这一点:http://jsfiddle.net/7KdGn/1/
希望对您有所帮助!
关于jquery - Accordion 修复(jquery)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3550411/