Toggle test

other links
testing-blogger-beta.blogspot.com_toggle-showhide-navbar

This is from the code. It links to:
javascript void(0)
onclick= toggle(thecode)
Show code

name anchor test
from: http://unserializableone.blogspot.com/2007/09/toggle-code-portion-in-your-blog.html

I'm just testing out my javascript to toggle code sections in my blog. It's a useful feature to help keep your blog appears short while still provides enough details.

Show code

The javascript I use:

function toggle(id) {
var e = document.getElementById(id);
e.style.display = e.style.display == "none" ? "block" : "none";
}
Then create an anchor to control the toggling:
<a href="javascript:void(0)" onclick="toggle('thecode')">Show code</a>
<div id="thecode" style="display:none"> my code goes here <div>

Hope this works :)

Poverty societies said...

Hi hung,
I used your script its working thank you

By
Ashok kumar

6/23/2008 5:39 AM

NathanKP said...

How did you get the Javascript into a blog post? I thought that Blogger blocked javascript in blogposts.

NathanKP - Inkweaver Review

11/02/2008 4:40 PM

Hung Huynh said...

Nathan, you can add javascript through your dashboard settings (adding elements).

12/18/2008 11:38 AM