Toggle Div Jquery

Question

У меня есть форма, которая содержит наборы полей и имеет возможность добавить новый раздел (клон предыдущего набора полей). Я могу переключаться между исходными наборами полей, но когда я добавляю новый раздел, работают только оригиналы. Я считаю, что может быть проблема с тем фактом, что новый раздел расположен внутри div.

Мой код и пример перечислены здесь -> http://jsbin.com/aqijuh

Спасибо.

Answer 1

Вы должны использовать on, потому что вы добавляете элементы динамически. Если вы используете jQuery <1.7, вам следует использовать <code>delegate. Попробуйте это

Использование on

$(document).on('click', '[id^="button"]', function () {
    $(this).closest('legend').next('div').toggle('slow');
});

Использование delegate

$(document).delegate('click', '[id^="button"]', function () {
    $(this).closest('legend').next('div').toggle('slow');
});