Javascript jquery中的滑块活动状态
我有一个滑块,它的代码是Javascript jquery中的滑块活动状态,javascript,jquery,Javascript,Jquery,我有一个滑块,它的代码是 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(
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>
openme
满足于此
这是因为它在单击时会打开正确的框(单击的h3的下一个sib包含),但它会将活动类应用于所有h3,而不仅仅是单击的那个。我希望活动类只应用于当前的h3。这样行吗
jq("a.zootoggle").click(function () {
jq(this).parent().toggleClass('active').next('div.zoocontent').slideToggle('slow');
// Note, there's no callback in the slideToggle function anymore.
return false;
});
真不敢相信我尝试了多少变化。。。但不是那个。谢谢