Как уничтожить / удалить активный аккордеон с помощью jquery

Question

Как мы можем уничтожить активный аккордеон со всем содержимым в нем

Я начал с этой функцией

function DesctroyThisAccordion() {
var active = jQuery("#accordion").accordion('option', 'active');
 jQuery("#accordion").accordion('option', 'active').remove('h3');
jQuery("#accordion").accordion('option', 'active').remove('div');
}

Я использую плагин jQuery UI для аккордеона

Я пытаюсь найти активный аккордеон и удалить его содержимое h3 и div.

Я работаю, если я выбрал последний в аккордеоне

//jQuery("h3[class^='Title']:last").remove('h3');
//jQuery("div[class^='ui-accordion-content']:last").remove('div');

Но я хочу это для активного аккордеона

любая помощь будет принята с благодарностью.

Answer 1

Я использовал:

$("#myAccordion").accordion("destroy");    // Removes the accordion bits
$("#myAccordion").empty();                // Clears the contents

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

Answer 2

Так как я не нашел никакой помощи по этому вопросу. Я нашел решение, которое может оказаться полезным для тех, кто в этом нуждается.

jQuery("h3[class^='Title'][aria-selected='true']").remove('h3');
jQuery("div[class^='ui-accordion-content'][style^='display: block;']").remove('div');

Answer 3

Как насчет

$("#accordion h3").remove();
$("#accordion-cost div").remove();

Удаляет все элементы h3 и div внутри гармошки.