Intento crear divs plegables / expandibles utilizando jQuery, pero no funciona para mí ... Cada h3 debería expandir / contraer el div debajo de él, y no estoy seguro de por qué esto no funciona ... Por supuesto,es una división muy anidada, pero pensé que la siguiente secuencia de comandos encontraría la clase uforms independientemente de la cantidad de otras marcas en la página cuando se cargue y luego haga lo que se supone que debe hacer ...

Aquí está el 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');
        });
});

Y, el marcado (menos todas las cosas que están realmente dentro de la<div></div>, porque es un montón de cosas de forma ...)

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

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

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