Bonjour,
Tout d'abord, je vous préviens, je suis complètement débutant en js/jquery, la c'est mon "vrai" premier code jquery de 0.
Voila pour le moment ce que j'ai:
Voila, en gros, je voudrais que lorsque l'utilisateur click sur la div, l'opacity passe a 1.
Pour le moment il passe a 1 lors d'un hover que j'ai fait, mais je n'arrive pas a trouver comment faire pour que cela s'active au click de la div et se desactive sur l'autre.
Merci d'avance pour toute pistes !
Tout d'abord, je vous préviens, je suis complètement débutant en js/jquery, la c'est mon "vrai" premier code jquery de 0.
Voila pour le moment ce que j'ai:
$(".div1").click(function () {
$(this).animate({"opacity": 1});
$(".div2")..animate({"opacity": 0.5});
$(".div3").animate({"opacity": 0.5});
$(".div4").animate({"opacity": 0.5});
});
$(".div2").click(function () {
$(this).animate({"opacity": 1});
$(".div1")..animate({"opacity": 0.5});
$(".div3").animate({"opacity": 0.5});
$(".div4").animate({"opacity": 0.5});
});
$(".div3").click(function () {
$(this).animate({"opacity": 1});
$(".div2")..animate({"opacity": 0.5});
$(".div1").animate({"opacity": 0.5});
$(".div4").animate({"opacity": 0.5});
});
$(".div4").click(function () {
$(this).animate({"opacity": 1});
$(".div2")..animate({"opacity": 0.5});
$(".div3").animate({"opacity": 0.5});
$(".div1").animate({"opacity": 0.5});
});
Voila, en gros, je voudrais que lorsque l'utilisateur click sur la div, l'opacity passe a 1.
Pour le moment il passe a 1 lors d'un hover que j'ai fait, mais je n'arrive pas a trouver comment faire pour que cela s'active au click de la div et se desactive sur l'autre.
Merci d'avance pour toute pistes !