Adresowanie elementu - działanie funkcji na jednym elemencie, a nie na wszystkich

0

Witam,
mam następujący kod:

$('#left .ads .items li .neutral .pud')
        .mouseenter(function() {
            $('#left .ads .items li .hover').stop().slideDown({duration: 1000});
});
$('#left .ads .items li')
        .mouseleave(function() {
            $('#left .ads .items li .hover').stop().slideUp({duration: 1000});
});

Problem polega na tym, że w pliku .html #left .ads .items li .neutral .pud jest bardzo dużo, w związku z czym kiedy najadę kursorem na jeden element funkcja slideDown odnosi się do wszystkich elementów. W jaki sposób zmodyfikować kod, aby funkcja ta działała jedynie na wybranym elemencie, a nie na wszystkich?

0

Zamień

.mouseenter(function() {
            $('#left .ads .items li .hover').stop().slideDown({duration: 1000});

na:

.mouseenter(function() {
            $(this).stop().slideDown({duration: 1000});

Podobnie z .mouseleave.

1 użytkowników online, w tym zalogowanych: 0, gości: 1