Fonction jquery assez simple mais ne fonctionne pas

Résolu/Fermé
Nomadique Messages postés 6 Date d'inscription vendredi 5 décembre 2014 Statut Membre Dernière intervention 11 juillet 2017 - 11 juil. 2017 à 17:23
Nomadique Messages postés 6 Date d'inscription vendredi 5 décembre 2014 Statut Membre Dernière intervention 11 juillet 2017 - 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
A voir également:

2 réponses

Utilisateur anonyme
11 juil. 2017 à 17:42
Qu'est ce que tu cherches à faire? Et quel résultat tu as pour l'instant?
0
Nomadique Messages postés 6 Date d'inscription vendredi 5 décembre 2014 Statut Membre Dernière intervention 11 juillet 2017
11 juil. 2017 à 18:08
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;
0
Nomadique Messages postés 6 Date d'inscription vendredi 5 décembre 2014 Statut Membre Dernière intervention 11 juillet 2017
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>
0