Аккордеон Удалить 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 Див, как я сделать это?

Answer 1

Я вижу, что у вас нет ссылки для удаления раздела DIV.

Предполагая, что у вас есть это, вот мой образец.

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

Answer 2

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