Javascript Show / Hide Functions need some fine-tuning

[Grafitti 0]

Searching before posting my topic, i found this very helpful post.
Javascript show + hide
However, I'm still muddling around trying to fine tune it, and since i'm no good at coding, I'd appreciate any help.
Using that example, how do I get the div text to be hidden on loading, rather than showing it all at page load.
Also, is there a way to have the text change when clicked? so that for example, it would say "expand" when it's the small amount of text, and "collapse" when it's the full text?

[pyost 0]

For the DIV you want to be hidden completely right away, use display: none in your CSS file. As for the expand/collapse like, I guess you could use something like this:

 

<a href=..... id=operation>Collapse</a>

Then, in the code that expands and collapses the DIV you should add:

 

document.getElementById("operation").innerHTML = "Expand";

This way you will change the text to "Expand" after collapsing the DIV, and the opposite when expanding it

[Grafitti 0]

Thank you! Problem solved!

[miCRoSCoPiC^eaRthLinG 0]

Problem solved. Topic closed