[Résolu] Problème avec le Trigger jQuery

Bonjour,

Je voudrais déclencher un trigger jQuery mais ça ne fonctionne pas.

Voici le code :

HTML :

<ul>
    <li>Menu 1</li>
    <li>Menu 2</li>
</ul>

<div class="bt">Event</div>

CSS :

li:hover {
    background: yellow;
}

li:active {
    background: blue;
}

.bt {
    display:block;
    border:1px solid black;
    width: 60px;
    cursor:pointer;
    text-align:center;
}

JS (jQuery) :

$(".bt").click(function() {
    $("ul li").trigger("mouseover");
});
    

Je veux que quand je clique sur le bouton "Event", ça simule un hover sur la liste au dessus et donc que ça active le style CSS a:hover

Merci
Modifié par Chok71 (25 Aug 2014 - 09:18)