Witam

Mam taki kod:

[HTML] pobierz, plaintext 
$("div#lista ul li").mouseover(function(){$(this).css('background-color','red');});
$("div#lista ul li").mouseout(function(){$(this).css('background-color','white');});
 
 
 
<div id="lista">
<ul>
    <li>
        <div class="cos">(tutaj tresc) </div>
        <div class="info">link</div>
    </li>
</ul>
</div>
[HTML] pobierz, plaintext 

Skrypt po najechaniu myszką podświetla cały <li> na czerwono, a następnie po odjechaniu przywraca poprzedni kolor. Chcę zrobić, aby po najechaniu na <li> podświetlał się tylko div "info" - w jaki sposób można to zrobić?

$("div#lista ul li").mouseover(function(){$(this + 'div.info').css('background-color','red');});