tengo una página jsp donde estoy obteniendo datos de DB. quiero mostrar estos datos como acordeón en la fila de la tabla. pero el acordeón se muestra fuera de la tabla, dentro de la tabla solo se muestran los valores. quiero acordeón como fila de la tabla cuando hago clic en esta fila de la tabla, debería expandirse.

 <table class="content-table"> <thead> <tr> <th>h1</th> <th>h2</th> <th>h3</th> </tr> </thead> <tbody> <% String strQuery = "select * from mytable; Connection conn = null; PreparedStatement ps = null; ResultSet rs = null; try { conn = precert.Databasebean.getConnectionS(); ps = conn.prepareStatement(strQuery); rs = ps.executeQuery(); while(rs.next()){ %> <tr> <div class="accordion"> <button type="button" class="accordion__button">button <td> d1 </td> <td> d2 </td> <td> d3 </td> </button> <div class="accordion__content"> <p> lorem lorem lorem lorem lorem lorem </p> </div> </div> </tr> <% } }catch(Exception ex) { ex.printStackTrace(); } finally { Databasebean.closeAll(conn3, rs3, ps3, null); } %> </tbody> </table>

producción:

Gracias