Fonction jquery assez simple mais ne fonctionne pas

Résolu

Nomadique Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
Nomadique Messages postés 6 Date d'inscription Statut Membre 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

A voir également:

Fonction jquery assez simple mais ne fonctionne pas
Fonction si et - Guide
Iphone 14 simple - Guide
Simple pdf - Télécharger - PDF
Simple ocr - Télécharger - Bureautique
Simple file locker - Télécharger - Sécurité

2 réponses

Réponse 1 / 2

Utilisateur anonyme

Qu'est ce que tu cherches à faire? Et quel résultat tu as pour l'instant?

Réponse 2 / 2

Nomadique Messages postés 6 Date d'inscription Statut Membre Dernière intervention

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 Messages postés 6 Date d'inscription Statut Membre Dernière intervention

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>

Discussions similaires

La fonction FILTRE n'est plus reconnue

Votre réponse

Discussions similaires