Ошибка в плагине?

Question

[Damir Aushenov]

(function($) {

	$.fn.dropDown = function(){
		
		$(this).hover(function(){
			 
			$(this).children('ul').stop(false, true).fadeIn(300);
		}, function() {
			$(this).children('ul').stop(false, true).fadeOut(300);
		
		});
	    return this;
	};
})(jQuery);
$('.element').dropDown();

Есть необходимость написания dropdown плагина, так как этот участок кода очень часто повторяется.
Сам код работает, но когда я его оборачиваю в плагин - нет

Answer 1

[Сергей Мельников]

пора уже это все делать при помощи css
пример

Comments

[Damir Aushenov]

Спасибо, я видимо неправильно указал проблему

[Damir Aushenov]

кстати у вас в коде, когда наводишь на пустое пространство, дропдаун срабатывает

Answer 2

[Денис Инешин]

Оборачиваю в плагин?)

почитайте про плагины, это совсем не то.
Это всего лишь namespace по сути, получающий jQuery первым аргументом. И чтобы всё заработало нужно сделать так:

(function($) {
  $.fn.dropDown = function(){
    
    $(this).hover(function(){
      $(this).children('ul').stop(false, true).fadeIn(300);
    }, function() {
      $(this).children('ul').stop(false, true).fadeOut(300);
    });
    return this;
  };

  $('.element').dropDown(); //  вот тут dropDown будет доступен
})(jQuery);