Menu

Fonction jquery assez simple mais ne fonctionne pas [Résolu]

Nomadique 6 Messages postés vendredi 5 décembre 2014Date d'inscription 11 juillet 2017 Dernière intervention - 11 juil. 2017 à 17:23 - Dernière réponse : Nomadique 6 Messages postés vendredi 5 décembre 2014Date d'inscription 11 juillet 2017 Dernière intervention
- 11 juil. 2017 à 21:37
Je travaille sur un site Web en php/mysql/bootstrap et j'essaye d'écrire une très simple fonction jquery mais je bloque, Un peu d'aide serait grandement apprécié.

<div class="row nomargin row-eq-height">
<div class="col-md-8 col-xs-8 nopadding">

<div class="laboite1" style="display: none;"><a href="#" rel="nofollow noopener noreferrer" target="_blank"><img id="photo1" src="image/inscript_ev_big.jpg" class="img-responsive"></a></div>
<div class="laboite2" style="display: none;"><a href="#" rel="nofollow noopener noreferrer" target="_blank"><img id="photo2" src="image/inscript_sport_big.jpg" class="img-responsive"></a></div>
<div class="laboite3" style="display: none;"><a href="#" rel="nofollow noopener noreferrer" target="_blank"><img id="photo3" src="image/inscript_inscript_big.jpg" class="img-responsive"></a></div>
</div>

<div class="col-md-4 col-xs-4 nopadding">
<img class="liste_photo img-responsive" data-id="1" src="image/inscript_ev.jpg">
<img class="liste_photo img-responsive" data-id="2" src="image/inscript_sport.jpg">
<img class="liste_photo img-responsive" data-id="3" src="image/inscript_inscript.jpg">
</div>
</div>

<script>
// $("#photo1").show();

$(".liste_photo").click(function(e){
e.preventDefault();
var leid=$(this).attr("data-id");
$(".laboite"+leid).toggle("slide", { direction: "left" }, 1000);
});
</script>


Merci d'avance de votre coup de main
Afficher la suite 

3 réponses

Répondre au sujet
ZeNairolf 1706 Messages postés vendredi 6 mars 2009Date d'inscription 8 avril 2018 Dernière intervention - 11 juil. 2017 à 17:42
0
Utile
Qu'est ce que tu cherches à faire? Et quel résultat tu as pour l'instant?
Commenter la réponse de ZeNairolf
Nomadique 6 Messages postés vendredi 5 décembre 2014Date d'inscription 11 juillet 2017 Dernière intervention - 11 juil. 2017 à 18:08
0
Utile
1
Je voudrais qu'un clic sur une des trois images de droites fasse apparaitre la bone photo à gauche "laboite". Pour l'instant rien ne fonctionne ) o;
Nomadique 6 Messages postés vendredi 5 décembre 2014Date d'inscription 11 juillet 2017 Dernière intervention - 11 juil. 2017 à 21:37
This work perfectly :

<script>
$("#photo1").show();
$(".liste_photo").click(function(e){
e.preventDefault();
$(".laboite").hide();
var leid=$(this).attr("data-id");
$("#photo"+leid).toggle("slide", { direction: "left" }, 1000);
});
</script>
Commenter la réponse de Nomadique