Ako môžem vytvoriť jednoduchý akordeón pomocou jQuery? - jquery, posuvník, akordeón

Mám túto štruktúru HTML a potrebujem ju na adresekliknite na „.open_panel“, zviditeľnite sa div s názvom „.utenti_iscritti“ a posuňte sa nadol. Je zrejmé, že nemôžem použiť jedinečné ID, pretože toto je štruktúra, ktorá sa na stránke mnohokrát replikuje (toto je zoznam hodín).

Ďakujem ti veľmi pekne!

A toto je môj kód:

    <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-->

odpovede:

pozrite sa na Najbližšie ()- funkcia jQuery:

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

Som použil akordeón v používateľskom rozhraní jQuery

Je tu aj stránka s ukážkami: http://jqueryui.com/demos/accordion/

a rýchle google odhaľuje tony akordeónových ovládacích prvkov. Odporučil by som použiť jQuery UI harmonika to je ten, ktorý používam. existuje veľa ukážok a vzorových kódov a je to pekné a dostupné vďaka online generátoru skinov.