Uso los detalles/resumen HTML en mi página:

 <details id="_1" onclick="closeDetails('_1')"> <summary>Title 1</summary> ...content... </details> <details id="_2" onclick="closeDetails('_2')"> <summary>Title 2</summary> ...content... </details>

Tengo este Javascript para cerrar el detalle abierto previamente y colocar el detalle recién abierto en la parte superior de la pantalla:

 function closeDetails(y) { for (i=1; i<31; i++) { x = "_"+i; if (y != x){ document.getElementById(x).open = false;} document.getElementById(y).scrollIntoView(); } }

Esto funciona excepto que los Títulos dentro de la etiqueta de detalles aparecen justo en la parte superior de la pantalla. ¿Hay una solución?