Lien en jQuery, help pleasee :'(

Fermé
zola13 Messages postés 48 Date d'inscription samedi 11 octobre 2008 Statut Membre Dernière intervention 27 août 2015 - Modifié par zola13 le 2/07/2012 à 13:05
Bonjour,

Je vous expose mon problème. J'ai deux listes définies dont les liens affichent respectivement une image (pour les comparer). J'aimerais que les boutons qui me permettent d'afficher les images aient un background spécifique lorsqu'on clique dessus. Jusque là, pas de problème. Le problème survient lorsque je clique sur un autre bouton de la même liste. Je n'arrive pas à remettre le background par défaut pour faire passer le bon à l'autre bouton selectionné. J'ai besoin d'avoir ça sur les deux listes.

Quelqu'un sait m'aider ou me donner des pistes pour avancer pcq je sature :'( Ca fait des jours que je suis dessus, sans résultats.

Voici mon code :


HEAD --------------------------------------------------------

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>


BODY ------------------------------------------------------------------------------------

<ul id="list1">
<li><a class="button" href="#">bouton1</a>
<li><a class="button" href="#">bouton2</a>
<li><a class="button" href="#">bouton3</a>
</ul>
<img id="img_list1"/>

<ul id="list2">
<li><a class="button" href="#">bouton4</a>
<li><a class="button" href="#">bouton5</a>
<li><a class="button" href="#">bouton6</a>
</ul>
<img id="img_list2"/>



CSS ----------------------------------------------------------------------------------------

.button {background: #017a3b; color: white;}

.button:hover {background: #09F;}

.selectedItem {background: #09F;}



jQuery --------------------------------------------------------------------------------------

$(document).ready(function(){
$("#list1 a").click (function firstClickList1 () {
$(this).toggleClass("selectedItem");});


$("#list2 a").click (function firstClickList2 () {
$(this).toggleClass("selectedItem");});

});



Merci d'avance à tousss