j'ai trouvé.
j'ai utilisé la fonction php counter

<div id="CollapsiblePanel" class="CollapsiblePanel">
  <div class="CollapsiblePanelTab" tabindex="0">
    	<h3>	
				<?php 
	 				$titre =stripslashes($donnees['titre']);
					$id =stripslashes($donnees['id']);
		  			{echo $titre;}?>
                    
        </h3>
  </div>
                 
                 
	<div class="CollapsiblePanelContent">
				<?php $contenu =stripslashes($donnees['contenu']);
				 {echo $contenu;}?>
    </div>

</div>

                    <?php
} // Fin de la boucle des news
?>


<script type="text/javascript">
var CollapsiblePanel = new Spry.Widget.CollapsiblePanel("CollapsiblePanel");
</script>

Bonjour à tous,

Je souhaite développer une version mobile de mon site grâce à des onglets à ouverture/fermeture.
J'utilise Dreamweaver qui me propose son widget spry collapsible.

Jusque ici tout va bien, le widget récupère mes news correctement MAIS le script d'ouverture/fermeture ne fonctionne que pour le premier onglet.
Les autres sont directement ouvert et ne peuvent être fermés.

Voici l'exemple concret [url]http://www.gouvieux-basket-oise.org/mobile/test.php[/url]


et voici mon code
[php]<div id="CollapsiblePanel" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">
<h3>
<?php
$titre =stripslashes($donnees['titre']);
$id =stripslashes($donnees['id']);
{echo $titre;}?>

</h3>
</div>


<div class="CollapsiblePanelContent">
<?php $contenu =stripslashes($donnees['contenu']);
{echo $contenu;}?>
</div>

</div>

<?php
} // Fin de la boucle des news
?>


<script type="text/javascript">
var CollapsiblePanel = new Spry.Widget.CollapsiblePanel("CollapsiblePanel");
</script>[/php]


Avez vous déjà rencontré ce problème ?
Merci pour vos solutions !