Lets suppose this is html

~~~

<ul>

      <li><div class="smiles"><a>Test</a></div></li>

      <li><div class="smiles"><a>Test</a></div></li>

      <li><div class="smiles"><a>Test</a></div></li>

<ul>

~~~

What i want to do  is, when hover on one element that specific element will change style, also the other two that are not selected must change style, and so on.

i can make it work by saying $(this).addClass()... and then by changing other elements class but i don't think is the right way because what about when we have 8 or more links, that will cause a lot of combinations. I believe you understand what i mean.

Any advise or example please?

Thanks