手风琴点击删除Div

Question

I have this accordion

<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" }
    });

i would like to add a link on each Item that will remove that Acoordion Div, how do i do so?

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

I see you don't have any link to remove the DIV section.

Assuming that you have it, here is my sample.

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