手风琴在点击时删除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();
});