Toggle with HTML and CSS Options

[Frits van Leeuwen]

Hello all,

I want to place an HTML code, probably in combination with CSS.
I want to show an index.
When the site visitor clicks on a line of the index, I want to insert the corresponding text under the clicked line.

Then the text is gone by default, and it only appears when necessary.

I can't use INPUT and Javascript doesn't work either.

Who oh who will help me out.

Yours sincerely,
Frits van Leeuwen

[Christian J]

I recently learned about the DETAILS element, would that for you?

https://developer.mozilla.org/en-US/docs/We...Element/details

[pandy]

What happened with HTML for structure, CSS for presentation and JS for functionality, I wonder? 😏

[Christian J]

I suppose it's only website creators that must follow those guidelines, not the spec writers. In fact the DETAILS element is not that different from say SELECT menus, and may save you a lot of code.

[pandy]

True. But CSS is already doing stuff we though would thought would be a job for JS. I find the purpose behind it all a little confusing.