элемент нажал на из группы с таким же классом

Question

я следующее меню

<ul> 
    <li class="button">One</li> 
    <li class="button">Two</li> 
    <li class="button">Three</li> 
    <li class="button">Four</li> 
    <li class="button">Five</li> 
</ul> 

нужно скрыть только кнопки, я нажимаю на, в настоящее время код скрывая все кнопки.

$(".button").click(function() { 
    $(".button").hide("slow"); 
}); 

Answer 1

$(".button").click(function() { 
    $(this).hide("slow"); 
}); 

this JQuery селектор выбирает элемент, который послал вызов функции, в этом случае кнопки, которая была нажата.

Answer 2

Внутри обработчика событий this будет ссылаться на щелкнутый элемент, если вы выбираете this с JQuery вы можете вызвать функцию hide:

$(".button").click(function() { 
    $(this).hide("slow"); 
});