[jQuery] Add a class to an accordion

[paul]

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>
<p>...</p>
</div>
<div class="foo">
<h3>...</h3>
<p>...</p>
</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