salve!
ho questa pagina:
codice:
<div id="accordion">
        <div class="level">
            <h3>CORNER COMPAGNIA ITALIANA COIN</h3>
            <div class="expanded">
                


                       TESTO
                </p>   
            </div>
            <h3>SHOP IN SHOP</h3>
            <div class="expanded">
                


                       TESTO
                </p>
            </div>
            <h3>INTERNATIONAL SHOPS</h3>
            <div class="expanded">
                


                        TESTO
                </p>  
            </div>
        </div>
    </div>
ho usato questo piccolo script per fare in modo di visualizzare i vari div sotto ai link quando clicco sui link:
codice:
$(function() {
    $("#accordion .expanded").hide();
    $(".opening").click(function() {
        $(this).next().slideToggle('fast', function() {
            $(this).prev("a.opening").toggleClass("active");
        });
        return false;
    });
});
ho provato però ad andare più in la.
allora.
tutti partono nascosti.
quando clicco sul link il div si apre.
vorrei però che gli div si chiudano.
insomma ne deve rimanere visibile solo uno.
ho fatto qualche tentativo senza successo.
potete darmi una mano?