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

Adresowanie elementu - działanie funkcji na jednym elemencie, a nie na wszystkich
KA
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 31
0

Witam,
mam następujący kod:

Kopiuj
$('#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?

cPlusPlus
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 99
0

Zamień

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

na:

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

Podobnie z .mouseleave.

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.