Jak mogę zrobić łatwy akordeon przy użyciu jQuery? - jquery, suwak, akordeon

Mam tę strukturę HTML i potrzebuję tego wkliknij ".open_panel", a div o nazwie ".utenti_iscritti" stanie się widoczny i ześlizgnie się w dół. Oczywiście nie mogę użyć unikalnego identyfikatora, ponieważ jest to struktura, która replikuje się wiele razy na stronie (jest to lista lekcji o).

Dziękuję bardzo!

A to jest mój kod:

    <script type="text/javascript">
$(".open_panel").click(function() {
$(this).parent().parent().next("div.utenti_iscritti").slideToggle(300).siblings("div.utenti_iscritti").slideUp("slow");
//$(this).siblings().css({backgroundImage:"url(left.png)"});
});
</script>

<div class="lezione">
<div class="intro">
<h5>09:00 - 10:00</h5>
<h4>Walking</h4>
<h6>Sala Walking con Francesco</h6>
<div class="action libero">
<span class="contatore">2</span>
<h6><a class="open_panel" href="#" title="Ci sono ancora posti liberi">Iscritti</a></h6>
</div><!--action-->
</div><!--intro-->

<div class="utenti_iscritti">
</div><!--utenti_iscirtti-->

</div><!--lezione-->

Odpowiedzi:

spójrz na najbliższy()-funkcja jquery:

$(".open_panel").click(function() {
$(this).closest("div.utenti_iscritti").slideToggle(300).siblings("div.utenti_iscritti").slideUp("slow");
});

Wykorzystam accordian w jQuery UI

Tutaj jest także strona demonstracji: http://jqueryui.com/demos/accordion/

za szybki google ujawnia ton kontroli harmonijki. Polecam używanie jQuery UI akordeon to jest ta, której używam. jest mnóstwo wersji demonstracyjnych i przykładowy kod, a dzięki generatorowi skóry online jest on przyjemny i zdrowy.