ho risolto così
<style>
input.button {
color: #fff; background: #0034D0;
font-size: .8em;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: solid 1px #ffcf31;
}
</style>
<script language="javascript">
function toggleMe(a){
var e=document.getElementById(a);
if(!e)return true;
if(e.style.display=="none"){
e.style.display="block"
} else {
e.style.display="none"
}
return true;
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
</head>
<body>
<b>Clicca il bottone seguente per visualizzare la risposta. Clicca di nuovo per chiudere la sezione.</b><br><br>
<input type="button" class="button" onclick="return toggleMe('para1')" value="1° esempio"><br>
<div id="para1" style="display:none">
Testo aggiuntivo del primo esempio.
<table border="1">
<tr>
<td width="100">
<td><a href="index.php?option=com_stanze&task=riattivapunto&id='.$row->id.'&stanza='.$assemblea['stanza'].'">
<img src="images/si.png" width="25" height="25" border="0" title="_____________________"/></a></td>
</td>
<td width="100">
cazzo
</td>
</tr>
</table>
</div>
<input type="button" class="button" onclick="return toggleMe('para2')" value="2° esempio">
<br>
<div id="para2" style="display:none">
Testo aggiuntivo del secondo esempio.
</div>
<input type="button" class="button" onclick="return toggleMe('para3')" value="3° esempio">
<br>
<div id="para3" style="display:none">
Testo aggiuntivo del terzo esempio.
</div>
</body>
</html>
