jQuery手风琴slideToggle问题

Question

我有一个手风琴，其中html通过div中的ajax加载。 div有一个关闭按钮，您可以在单击时将其从dom中删除。再次创建div而不重新加载页面时，slideToggle会上下两次触发，然后隐藏内容。

这是通过ajax加载的html：

<div id="slidetoggle">
  <h3>Title</h3>
  <p>content</p>

  <h3>Title</h3>
  <p>content</p>

  *..and so on..*

 </div>

这是jquery：

$("#slidetoggle p:not(:first)").hide();

$("#slidetoggle h3").live('click', function(){
  $(this).next("p").slideToggle("slow").siblings("p:visible").slideUp("slow");
});

提前致谢！

Answer 1

从DOM中删除节点时使用.die()。

Answer 2

我建议使用jquery ui手风琴。

看看http://jqueryui.com/demos/accordion/

Answer 3

尝试：

 $(document).off('click', '#slidetoggle h3').on('click', '#slidetoggle h3',function(e) {
   ...
 }