我有一个滑块,其代码是
var jq = jQuery.noConflict();
jq(document).ready(function(){
jq("a.zootoggle").click(function () {
jq(this).parent().next('div.zoocontent').slideToggle('slow', function() {
jq("a.zootoggle").parent().toggleClass('active', jq(this).is(':visible'));
});
return false;
});
})
html
<h3><a class="zootoggle">openme</a></h3>
<div class="zoocontent>content here</div>
<h3><a class="zootoggle">openme</a></h3>
<div class="zoocontent>content here</div>
这样做的原因是它在单击时打开了正确的框(单击的 h3 的下一个同胞包含 a),但随后它将活动类应用于所有 h3 而不仅仅是单击的那个。我希望活动课程仅适用于当前的 h3。