Bon je me lance !
Je fais un petit mais vraiment petit script js pour afficher ou cacher tel ou tel div au clic. Jusque la rien de bien méchant sauf que j'ai un problème pour target mon élément en js
Voici mon code html (il est généré par php :p ) et js
Code : Tout sélectionner
<div class="row team-portrait">
<div id="prenom1" class="portrait">
<div class="photo">
<img src="/prenom1.jpg" alt="prenom1">
</div>
<div class="name-content">
<div class="name">prenom1</div>
</div>
</div>
<div id="prenom2" class="portrait">
<div class="photo">
<img src="/prenom2.jpg" alt="prenom2">
</div>
<div class="name-content">
<div class="name">prenom2</div>
</div>
</div>
</div>
<?php
for($i=0; $i<=2 $i++){
?>
<div id="team-description-<?php echo $prenom.'.'.$i ?>" class="description">
<div class="">
<div class="title">
<?php echo $title.'.'.$i; ?>
</div>
<div class="content">
<?php echo $content.'.'.$i; ?>
</div>
</div>
<div class="col-xs-4">
<img src="<?php echo $source.'.'.$i; ?>" alt="<?php echo $alt.'.'.$i; ?>">
</div>
</div>
<?php
}
?>
<script>
$(document).ready(function() {
$('#team-description-prenom1').addClass('active');
$('.portrait').click(function(){
var $id = '#team-description-' + $('.portrait').attr('id');
$('.active').removeClass('active');
$($id).addClass('active');
});
});
</script>
Mon soucis c'est que la variable $id reste bloqué sur prenom1 meme si je clique sur le 2, 3 etc etc.
Merci pour le coup de pouce
