Espandere un testo con i div

[Popper]

Ciao a tutti.
Ho una pagina che contiene una tabella al cui interno sono pubblicati dei testi di lunghezza variabile.
Per rendere la pagina + leggibile vorrei ridurre la lunghezza del testo pubblicato e dare la possibilità di espandere il testo all'utente. Per tagliare il testo no problem, uso php che mi genera 2 div come questi:

<div id="testo_1_corto">
  questo è un testo piuttosto lungo [...]
</div>
<div id="testo_1"  style="{visibility: hidden}">
  questo è un testo piuttosto lungo leggetelo a vostro rischio e pericolo 

ciao mamma guarda come mi diverto

1

2
</div>

Ovviamente quando il div "corto" è visibile quello normale deve sparire e viceversa. Inoltre (e questo è il mio problema) il layout della pagina deve adattarsi a seconda della visibilità del div. Se metto a "hidden" la proprietà "visibility" del div lungo pultroppo mi rimane comunque lo spazio vuoto... cosa devo impostare oltre a VISIBILITY?!

grazie!

[Popper]

hmmm forse ci sono da solo

bisogna usare la proprietà display (impostata a "none" oppure "block") al posto della visibility e lasciare tutto come sta ... così dovrebbe funzionare!
se qualcuno ha qualche altra integrazione/consiglio la cosa sarebbe + che gradita