[jQuery] Add a class to an accordion
Hello,
I want to custom this jQuery script :
$(document).ready(function(){
$(".accordion h3").eq(0).addClass("active");
$(".accordion p").eq(0).show();
$(".accordion h3").click(function(){
$(this).next("p").slideToggle("fast")
.siblings("p:visible").slideUp("fast");
$(this).toggleClass("active");
$(this).siblings("h3").removeClass("active");
});
});
However, I want to add a container after .accordion and before h3,
like "foo" :
<div class="accordion">
<div class="foo">
<h3>...</h3>
...
</div>
<div class="foo">
<h3>...</h3>
...
</div>
</div>
If I write...
$(document).ready(function(){
$(".accordion .foo h3").eq(0).addClass("active");
$(".accordion .foo p").eq(0).show();
$(".accordion2 .foo h3").click(function(){
$(this).next("p").slideToggle("fast")
.siblings("p:visible").slideUp("fast");
$(this).toggleClass("active");
$(this).siblings("h3").removeClass("active");
});
});
The accordion opens, but do not close!
Is the syntax (".accordion .foo h3") incorrect?
Thanks for your help!
Sincerely,
Paul