widget jquery et problème de visibilité

Question

J'ai un widget :

http://designer-depot.com/prob/

En cliquant sur l'onglet 2, l'image n'est pas visible. Elle n'est visible qu'au passage de la souris. Quelle est mon erreur dans le codage jquery ou css. Merci d'avance

Answer 1

Vous avez plusieurs fonctions jQuery en conflit ici. On dirait que vous avez expérimenté plusieurs tutoriels différents en même temps. Votre widjet de navigation par onglets n'a même pas la chance de fonctionner, car celui-ci se déclenche en premier :

 $("#cnb li").mouseover(function(){
 $("#cnb li").removeClass("crn");
 $(this).addClass("crn");
 });

Vous pourriez probablement supprimer tout le reste dans votre fichier JS et utiliser simplement :

$(document).ready(function() {
 $("#cnb li").click(function(){
 $("#cnb li").removeClass("crn");
 $(this).addClass("crn");
 });
});

Answer 2

Ok ! La solution est de changer le deuxième identifiant en cnb2. Parce que l'id peut être unique ! Merci au forum jquery.com.