javascript - Accordion 单击时删除 Div

Question

我有这个手风琴

<div id="accordion" class="accord">
    <h2>
        <a href="#">Item1</a></h2>

    <div>
        Content1
    </div>
    <h2 >
        <a href="#">Item2</a></h2>
    <div>
       Content#2
    </div>
</div>

    $("#accordion").accordion({
        autoHeight: false,
        animated: 'bounceslide',
        icons: { "header": "ui-icon-plus", "headerSelected": "ui-icon-minus" }
    });

我想在每个项目上添加一个链接以删除该 Acoordion Div，我该怎么做？

Answer 1

(function ($) {        $("#accordion").children("div").each(function(index, element) {
$(element).append('<div class="delete">x</div>');
$(element).children('.delete').bind('click', function() {
$(element).hide();
});
});
}(jQuery));

Answer 2

我看到您没有任何链接可以删除 DIV 部分。

假设你有它，这是我的样本。

$('.remove').click(function(e) {
    $(this).parent('div').prev('h2').andSelf().remove();
});