javascript - 首次点击后不再有功能

Question

我有一个如下所示的 JS 函数:

$(function() {
$(".accordion").on("click", "dd", function (event) {
   $("dd.active").find(".content").slideToggle("slow");
   $(this).find(".content").slideToggle("slow");

   var current = event.currentTarget
   if (current.hasClass('active')) {
      current.removeClass('active');
   } 
})
});

第一部分工作正常，第二部分(从 var current = 开始)第一次工作，然后 jQuery 抛出错误:

TypeError: current.hasClass is not a function
   if (current.hasClass('active')) {

如何解决这个问题？

这是一个jsFiddle .

Answer 1

将当前引用包装在 jQuery 对象中

   var current = $(event.currentTarget);

jsFiddle.