Показать сообщение отдельно
  #1 (permalink)  
Старый 11.09.2010, 17:02
Интересующийся
Отправить личное сообщение для arwprod Посмотреть профиль Найти все сообщения от arwprod
 
Регистрация: 11.09.2010
Сообщений: 20

Затык с мини плагином меню
Добрый день, уважаемые!
Сел разбираться с jquery и решил попробывать написать собственный плагин jquery.

Собственно, суть плагина простая, при наводке на элемент ul>li списка, раскраывается вложенный ul>li список, убираем мышку, этот список пропадает... Но вот затык: после того, как мы убрали курсор и пытаемся навести на этот же элемент снова, плагин не срабатывает.

Это мой первый опыт, по-этому не судите строго ^_^'
Код плагина:
(function($){ 
	var options = $.extend({
		fadeIn: 'slow',
		fadeOut: 'slow'
	},options);
	
	$.fn.extend({  
		jenvitMenu: function() {
			return this.each(function(){
				jQuery(this).find('ul')
					.css('display','none');
   				$(this).children().mouseover(function(){
					$(this).queue(function(){
    					$(this).children().fadeIn(options.fadeIn);
						$(this).dequeue();
					});
				}).mouseleave(function(){
					$(this).queue(function(){
						$(this).children().children().fadeOut(options.fadeOut);
					$(this).dequeue();
					});
    			});
			});
		}	
	}); 
})(jQuery);

html конструкция:
Код:
   <ul class="menu">
    	<li>
            <a>1</a>
            <ul class="sub">
            	<li><a href="#"><b>1.1</b></a></li>
                <li><a href="#"><b>1.2</b></a></li>
                <li><a href="#"><b>1.3</b></a></li>
                <li><a href="#"><b>1.4</b></a></li>
                <li><a href="#"><b>1.5</b></a></li>
            </ul>
        </li>
    </ul>
Заранее спасибо за помощь.

Последний раз редактировалось arwprod, 11.09.2010 в 17:06.
Ответить с цитированием