Пытаюсь создать сворачиваемый / расширяемый div с помощью jQuery, но у меня это совсем не работает ... Каждый h3 должен разворачивать / сворачивать div под ним, и я не уверен, почему это не работает ... Конечно, < em> - это сильно вложенный div, но я думал, что приведенный ниже скрипт найдет класс uforms независимо от того, сколько другой разметки на странице при загрузке, а затем сделает то, что должен делать ...
Вот 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');
});
});
И разметка (за вычетом всего того, что на самом деле находится внутри <div></div>
, потому что это много материала формы ...)
<div class="uforms">
<h3>Heading</h3>
<div></div>
<h3>Heading</h3>
<div></div>
<h3>Heading</h3>
<div></div>
</div>