JSFiddle - React, Tailwind, and code Playground
JavaScript
function accordion_create_item(o) {
$('#' + o.Div).append(o.Content).accordion('destroy').accordion({
collapsible: true,
autoHeight: false,
active: '#' + o.Div + '_hitm_' + o.Id
});
}
function accordion_edit_item(o) {
next_node = $('#' + o.Div + '_hitm_' + o.Id).next().next();
if (next_node.size() === 0) {
$('#' + o.Div + '_hitm_' + o.Id).remove();
$('#' + o.Div + '_ditm_' + o.Id).remove();
$('#' + o.Div).append(o.Content);
} else {
$('#' + o.Div + '_hitm_' + o.Id).remove();
$('#' + o.Div + '_ditm_' + o.Id).remove();
next_node.before(o.Content);
}
$('#' + o.Div).accordion('destroy').accordion({
collapsible: true,
autoHeight: false,
active: '#' + o.Div + '_hitm_' + o.Id
});
}
function accordion_del_item(o) {
$('#' + o.Div + '_hitm_' + o.Id).remove();
$('#' + o.Div + '_ditm_' + o.Id).remove();
$('#' + o.Div).accordion('destroy').accordion({
collapsible: true,
autoHeight: false
});
}