Dopo un po' di smanettamenti ho risolto!
JS:
codice:
$(document).ready(function(){
//$(".container").hide();
$("h2.test").css("cursor","pointer");
$("h2.test").click(function(){
$(this).next(".box").slideToggle();
});
});
HTML:
codice:
<div id="contenitore">
<h2 class="test">Titolo1</h2>
<div class="box">Contenuto1</div>
<h2 class="test">Titolo2</h2>
<div class="box">Contenuto2</div>
<h2 class="test">Titolo3</h2>
<div class="box">Contenuto3</div>
</div>
Ho sostituito a <a> un <h2> che ho reso cliccabile col jQuery e ho attivato la funzione direttamente da li (così non ci sono problemi di interpretazione di $(this)!