Проблем с fade ефект на Jquery

[sitodesign]

[js]
$(document).ready(function(){
$(".nav li ul").fadeTo("slow", 0.3);
$(".nav li a").hover(function(){
$(".nav li ul").each(function(){
$(".nav li ul").fadeTo("slow", 1.0);
});
});
});
[/js]

<ul id="nav-one" class="nav">
			<li>

				<a href="#1">Първо меню</a>
				<ul>
					<li><a href="#1.1">1.1</a></li>
					<li><a href="#1.2">1.2</a></li>
					<li><a href="#1.3">1.3</a></li>
					<li><a href="#1.4">1.4</a></li>

				</ul>
			</li>
			<li>
				<a href="#2">Второ меню</a>
				<ul>
					<li><a href="#2.1">2.1</a></li>
					<li><a href="#2.2">2.2</a></li>

				</ul>
			</li>
			<li>
				<a href="#3">Трето меню</a>
				<ul>
					<li><a href="#3.1">3.1</a></li>
					<li><a href="#3.2">3.2</a></li>

				</ul>
			</li>
			<li>
				<a href="#4">Четвърто меню</a>
				<ul>
					<li><a href="#4.1">4.1</a></li>
					<li><a href="#4.2">4.2</a></li>

					<li><a href="#4.3">4.3</a></li>
				</ul>
                </li>
                <li>
                <a href="#5">Пето меню</a>
				<ul>
					<li><a href="#5.1">5.1</a></li>
					<li><a href="#5.2">5.2</a></li>

					<li><a href="#5.3">5.3</a></li>
				</ul>
			</li>
		</ul>

Целта ми е като съм върху някое меню, падащото меню да излиза с fade ефект. Но някъде съм сгрешил и само веднъж като мина върху което и да е меню излиза падащото с fade. При опит за някое друго меню вече си излиза нормално, т.е само веднъж активира fade ефекта. Моля, помогнете !

 

[jooorooo]

[js]$(document).ready(function(){
$(".nav li:has(ul)").hover(function(){
$('ul', this).fadeIn();
}, function(){
$('ul', this).fadeOut();
});
});[/js]