How to write HTML that hides a sample full-text description until user clicks "more" link?

Question

YouTube has a neat function that hides the full-text description of a video clip until the user clicks the "more" link at the end of the shortened text description.

Example: http://www.youtube.com/watch?v=L8QuZfT5yIE
(an implementation is located to the right of the flash video)

Does anyone know how to implement this in HTML?

Any specific advice or a specific website tutorial would be helpful.

Answer 1

Put this in your tags :


Put this in your html :
blah blah blah

Read more




am I hiding! can you see me??
< span/>

Just change the id number being passed to the function if you want to do this more than once on the same page.
i.e.
javascript:servOC(2);
id="ihtr2">


javascript:servOC(1);
id="ihtr1">

javascript:servOC(3);
id="ihtr3">

Answer 2

If you notice the link you posted this is active code not html. The output of that code is HTML but the original code is either PHP, ASP, etc

This is fairly easy using a scripted code but not HTML.

Answer 3

Well, you cant do that with simple html, but this link should help you:

http://lists.evolt.org/archive/Week-of-Mon-20020624/116152.html