Próbuję utworzyć składane / rozszerzalne div przy użyciu jQuery, ale w ogóle nie działa dla mnie ... Każdy h3 powinien rozwinąć / zwinąć div pod nim i nie jestem pewien, dlaczego to nie działa ... Przyznane,jest mocno zagnieżdżony div, ale pomyślałem, że poniższy skrypt znajdzie klasę uforms bez względu na to, ile innych znaczników jest na stronie podczas ładowania, a następnie wykonaj to, co ma zrobić ...

Oto jquery:

$(document).ready(function () {
        $('div.uforms:eq(1)> div:gt(-1)').hide();
        $('div.uforms:eq(1)> h3').click(function() {
                $(this).next('div:hidden').slideDown('fast').siblings('div:visible').slideUp('fast');
        });
});

I znaczniki (minus wszystkie rzeczy, które są w środku<div></div>, ponieważ to dużo form ...)

<div class="uforms">
  <h3>Heading</h3>
  <div></div>

  <h3>Heading</h3>
  <div></div>

  <h3>Heading</h3>
  <div></div>
</div>