Почему этот.find() не работает внутри моего плагина?

Question

Я пытаюсь создать простой плагин jQuery для аккордеона и не могу понять, почему это ключевое слово не работает так, как должно. Вот код плагина:

(function($){ 
$.fn.accrdn = function(userSettings) { 
    var defaults = { 
     toggle: true 
    }; 
    var options = $.extend({}, defaults, userSettings); 
    var handle = this.find('.handle');//doesn't work! 

    if (options.toggle) { 
     handle.click(function(){ 
      $(this).next('.panel').slideToggle(); 
     }); 
    } else { 
     handle.click(function(){ 
      $(this).next('.panel').slideUp(); 
     }); 
    }; 
}; 
})(jQuery); 

Answer 1

Теперь, когда ОП предоставил пример скрипку в использовании кода, проблема селектор для аккордеона DIV, он должен быть:

$(document).ready(function() { 
    $('.accordion').accrdn({toggle:true, slideSpeed:500}); 
}); 

ПРИМЕЧАНИЕ : селектор пропускал ., чтобы определить это class селектор

Here is the fix