Signaler

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

Posez votre question Nomadique 6Messages postés vendredi 5 décembre 2014Date d'inscription 11 juillet 2017 Dernière intervention - Dernière réponse le 11 juil. 2017 à 21:37 par Nomadique
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
Utile
+0
plus moins
Qu'est ce que tu cherches à faire? Et quel résultat tu as pour l'instant?
Donnez votre avis
Utile
+0
plus moins
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 6Messages 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>
Répondre
Donnez votre avis

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !