Добавление несогласованного элемента нажатием кнопки

Question

У меня возникла следующая проблема:

На этой странице (это / не / моя, я беру это просто в качестве примера), которую вы можете увидеть под

3. без гармошки (стандартное расширяемое меню)

a, как следует из названия, стандартное расширяемое меню. Теперь вопрос, который я получил:

Можно ли добавить, например, нажав на кнопку, чтобы добавить еще один пункт меню, чтобы вместо 5 пунктов мы получили 6, 7, 8 ... и т. д.

Если да, как лучше всего это реализовать? Что потребуется (например, live () / обработчик событий)?

Answer 1

Наличие нового элемента в разделе аккордеона не требует сброса управления аккордеоном; однако добавление нового раздела заголовка делает.

Вы можете «перезапустить» аккордеон, сначала уничтожив его, а затем воссоздав, используя что-то вроде

$('#myaccordion').accordion('destroy').accordion({ autoHeight: false, active: false, collapsible: true, navigation: true });

Если вы хотите оставить тот же раздел открытым после его повторного создания, вам нужно включить навигацию, а также установить хэш окна в хэш раздела с помощью обработчика щелчков.

Answer 2

Вы можете добавить элементы в это меню с помощью jQuery clone (). После добавления нового элемента вам, возможно, придется перепривязать / перезапустить эффект / функцию аккордеона, хотя и может не работать с новым элементом.