删除jQuery手风琴项目

Question

如何从jQuery手风琴中删除项目？我试图让用户能够从数据库中删除一个项目,以手风琴形式显示,然后让该项目淡出.我试图隐藏项目的父DIV,但标题仍然存在,之后手风琴无法正常工作.

这是标记(基本手风琴用法):

<div id="accordion">
<h3><a href="#">The Title - Item 1</a></h3>
<div>
The Content - Item 1
<a href="#" class="deleteItem">Delete</a>
</div>
<h3><a href="#">The Title - Item 2</a></h3>
<div>
The Content - Item 2
<a href="#" class="deleteItem">Delete</a>
</div>
</div>

谢谢!

Answer 1

假设您处于内容div的子项的click事件中,它看起来像这样:

var parent = $(this).closest('div');
var head = parent.prev('h3');
parent.add(head).fadeOut('slow',function(){$(this).remove();});

这是一个有效的例子.不确定手风琴没有工作后记,但如果没有,请尝试重新初始化它.