Olvida lo que comenté antes, he visto tu código y la solución debe ir por otros derroteros...
No soy un experto en javascript, pero si quieres que te de mi opinión, imagino que la solución partirá por no tener un texto "plano" donde quieras colocar una tabla, sino hacer una llamada a una función javascript que se encargue de generar la tabla y colocarlo en el lugar adecuado con el evento onclick o incluso con onfocus.
Algo parecido a:
function textoytabla(){
document.getElementById('id_elemento').innerHTML ("El texto que debas poner... <br><br><table border='1'><tr><td>...</td><td>...</td></tr></table>");
}
A pesar de todo no soy demasiado optimista, porque la función javascript que hace el efecto del acordeón, puede dar problemas por cualquier lado con un código para la que no ha sido diseñada.
Pruébala, y a ver si algún experto de javascript te echa un cable. Pero me parece que la cosa puede estar crudita... aunque otra posibilidad es que hagas una tabla muy rústica con retornos de carro y tabuladores, e intentar alinear los contenidos... (un poco chapucilla, verdad?).