Oui c'est ca c'est en dur.
C'est la source du problème ?

tu as en dur le chiffre 1: $('#team-description-prenom1')

Bonjour,

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]
<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>
[/code]

La classe active enlève le display block de la classe description

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 :)