Помогите оптимизировать скрипт, плз

[IvFeo]

Добрый день всем!

Помогите мне пожалуйста. туплю.

Есть html код :

<ul>

<li class="event1">

<div class="about1" style="display:none">

<p>05.02.2012</p>

<a href="#">Оформление вашей свадьбы</a>

</div>

</li>

.

.

.

.

</ul>

Что нужно: Чтобы при наведении мыши на li внутренний div появлялся. Пунктов списка много. Соответственно, нужно чтобы работало на всех.

$('.event1').hover(

function(){

$('.about1').fadeIn();

},

function(){

$('.about1').fadeOut();

}

);

Это конечно работает, но... Видимо надо что-то типа $("li > div").parent().fadeIn(); но как-то не вышло.

Заранее спасибо!

[Great Rash]

Это конечно работает, но... Видимо надо что-то типа $("li > div").parent().fadeIn(); но как-то не вышло.

Раз оно уже работает зачем нужны дополнительные извращения?

[IvFeo]

Оно работает при указании конкретного пункта и конкретного дива.

Объясню:

При наведении мышки на <li class="event"> должен появляться вложенный div (а <li> много). Блин, задачка-то элементарная, а не получается. То все сразу появляются, то ни одного.

[Great Rash]

$(.event).hover(function(e) {
  $('.about', e.currentTarget).fadeIn();
}, function(e) {
  $('.about', e.currentTarget).fadeOut();
});

[IvFeo]

как-то не работает

Я не профи и видимо туплю.

$('.services .box').hover(
function(e){
			$('.services .box img:nth-child(2)', e.currentTarget).animate({'top':'300px'});
		},
		function(e){
			$('.services .box img:nth-child(2)', e.currentTarget).animate({'top':'0px'});
		}
	);

[lexxcode]

Может так, не?

$(function(){
    $('.event').on({
        mouseenter : function(){
            $('.about', this).stop(true, true).fadeIn().animate({left:30}, {queue : false, duration : 500});
        },
        mouseleave : function(){
            $('.about', this).fadeOut().animate({left:15}, {queue : false, duration : 500});
        }
    });
})?;?

По сути почти тоже самое, что и Great Rash написал. Работает.