Correction d'une page php

Bonjour, =)

J'ai fait cette page php html css . J'ai essayé d'y mettre un spoiler avec une description de chaqu'un de mes produits .
Le probleme c'est que ma page s'affiche, mon bouton de spoiler aussi mais ma description ne s'affiche pas . Pourriez vous m'aidez a trouvée l'erreur ?

Merci d'essayé de m'aider ^.^

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

    <head>
    <!-- En-tête de la page -->
        <meta charset="utf-8" />
		<!-- css -->
		        <link rel="stylesheet" href="style.css" />
		<!-- fin css -->
    </head>

	
    <body>

	
	<section id="corps" >
	
	<header>
   <a href="accueil.php"><img src="Images/banniere.png" alt="eclat rouge" WIDTH=100% HEIGHT=100%/></a>
    </header>
        <!-- Corps de la page -->
	
	<?php include("boutons.php"); ?>
	
	<a href="accueil.php"><img src="Images/deco.png" alt="eclat rouge" WIDTH=100% HEIGHT=30%/></a>
	
	<br/><br/><br/>
	<center>
		<section id="presentation2">
   
	<article>
	<center>
    


<?php
// on se connecte à MySQL
$db = mysql_connect('localhost', 'root', '');

// on sélectionne la base
mysql_select_db('les_vins_d_alsace_',$db);

// on crée la requête SQL
$sql = 'SELECT * FROM rouge';

// on envoie la requête
$req = mysql_query($sql) or die('Erreur SQL !<br>'.$sql.'<br>'.mysql_error());

// on fait une boucle qui va faire un tour pour chaque enregistrement

$limite = 4;
$row_num = 0;



#ma table s'ouvre
	echo '<table c width="100%"><tr>';
	while($data = mysql_fetch_assoc($req))
	{
	
	    echo '<td></td><td></td><td valign="top" width="25%">';#ma premiere colonne 
		#<section >ouverture de ma section ligne pour le tour du texte
		#<center> il me centre le titre
		#h1 le titre
		#strong me met le titre grand
		#mon php pour le nom et la date
		echo '<section id=ligne ><center><p id=prix><strong>'.$data['nom'].' ('.$data['date'].')</strong></p><hr></center><br/>';
		#php mon image
		#les prix
		#ouverture de la table
		echo '<table >';
		#colone de mon deuxieme tableau
		#image fin de colone
		#ouverture de ma colone a coté
		#prix et fin de colone 
		#fin de la table 2
		echo '<td><img src="'.$data['image'].'" WIDTH="100px" HEIGHT="200px" ></td><td style="margin:0;padding:0;vertical-align:top;"><br> '.'<p id=prix> La bouteil  0.750 l : '.$data['prix-bouteil'];
		echo '<img src="Images/euro.png" WIDTH="12px" HEIGHT="13px"></strong><br> La bouteil 0,375 l : <strong>'.$data['prix-demi-bouteil'].'<img src="Images/euro.png" WIDTH="12px" HEIGHT="13px"></strong>
		<br> Le verre  0.370 l : '.$data['prix-verre'].'<img src="Images/euro.png" WIDTH="12px" HEIGHT="13px"></p></strong>
		<div style="margin:20px;margin-top:5px"><div class="quotetitle"><input type="button" value="Afficher" style="width:60px;font-size:10px;margin:0px;padding:0px;"
		onclick="if(this.parentNode.parentNode.getElementsByTagName(\'\div\'\)[1].getElementsByTagName(\'\div\'\)[0].style.display!=\'\'\){this.parentNode.parentNode.getElementsByTagName
		(\'\div\'\)[1].getElementsByTagName(\'\div\'\)[0].style.display=\'\'\;this.innerText=\'\'\;this.value=\'\Masquer\'\;}else{this.parentNode.parentNode.getElementsByTagName(\'\div\'\)[1].getElementsByTagName
		(\'\div\'\)[0].style.display=\'\none\'\;this.innerText=\'\'\;this.value=\'\Description\'\;}" /></div><div class="quotecontent"><div style="display:none;">  <section id=des>
		'.$data['description'].'</section></div></div></div></td></table><br/></section>';
		
		
		echo '</td><td></td><td></td>';
		$row_num++;
		if($row_num % $limite == 0)
			echo'</tr><tr>';
	}
	echo '</tr></table>';
        // on ferme la connexion à mysql
mysql_close();

?>

</section>

	
	
	     
	<center>
	<br/>
	</article>
	</center>
    </center> 
	</center>
	
	
		<footer>
		<br/><br/>
        <?php include("pied.php");?>
        </footer>
    </center>
    </body>
	</center>
	
	</section>
	<br/><br/>
</html>