Предотвращение ToggleClass для нескольких элементов

Question

У меня есть литий, который я хочу, когда я наводил на каждого из них, чтобы переключить класс только для каждого из них.

Прямо сейчас, когда я наводил курсор на каждый li, все LI получат заданный класс. Вот HTML и JQuery

<li><a class="one" href="#"> 
<img src="http://hhhhold.com/s"/></a> 
<div id="project-title" class="me">Fandango 
    <span id="project-more">Learn more</span> 
</div> 
</li> 



$('.one').hover(function() { 
    $('.me').closest('span').removeClass("dblock"); 
    $('.me').closest('span').toggleClass('dblock'); 
}); 

Answer 1

Использование $(this) для ссылки на активный DOM элемент:

$('.one').hover(function() { 
    $(this).next('#project-title').find('span').removeClass('dblock'); 
    // etc... 
}); 

идентификаторы должны быть уникальными в HTML тоже ... повторяешь ты в #project-title ID? Если это так, то это должен быть класс.