Adding dynamic sections to blog posts

Ever wanted to make your block posts more dynamic? If you have a long post, just show the introduction, then let the reader choose to read on by clicking an obvious link. Try it:

Click to Show / Hide

This section then appears. It even seems to work in some feeds and readers (feedburner for example).

How do I do it?

Just paste this section of HTML into your blog editor (after selecting to Edit HTML or whatever option you have on your editor), then change the text.

<a href="#" onclick="el=document.getElementById('divsection'); if(el.style.display=='block') el.style.display='none'; else el.style.display='block'; return false;">Click to Show / Hide</a>
<div id="divsection" style="display: none;">
Some sample text
</div>

I have used this in a real post to split it up into an intro, and not fill up the whole screen with a single post. After all, not everyone may want to read this one, and may want to get onto the next item of interest.

Enjoy