Bonjour à tous,

Je sais que c'est un sujet assez récurrent mais je n'ai pour le moment pas du tout réussi à appliquer "correctement" un état actif (cliqué) sur un élément li en js.

La structure html :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<div class="thumb-box">
    <ul id="mycarousel" class="jcarousel">
        <li><a onclick="doit(1)"><img src="data/images/thumb-1.jpg" alt="" /><span id="hoverThumb" class="hoverThumb-1"><img src="data/images/thumb-1-over.jpg" alt="" /></span></a></li>
        <li><a onclick="doit(2)"><img src="data/images/thumb-1.jpg" alt="" /><span id="hoverThumb" class="hoverThumb-2"><img src="data/images/thumb-1-over.jpg" alt="" /></span></a></li>
    </ul>
</div>

Au hover sur les <li> je change l'opacité de <span id="hoverThumb"> pour la superposer à la précédente.

et le script :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
function doit(var1)
{
    $(".hoverThumb-"+var1).css({'opacity' : '1'});
}
Je me rends compte que je m'y prends très mal si quelqu'un pouvait me donner une piste de recherche ?

Merci par avance,
Bonne journée.