How to make this toggle all easier?

[spydrlink]

I have a script below that show/hides content based on getElementbyID. Works great. But how do I create a "show/hide all" link without having to call it multiple times at once? I'm fairly novice when it comes to writing JavaScript so any help would be appreciated.

Script Now:

function toggleDiv( elemID )
{
var elem = document.getElementById( elemID );
if ( elem.style.position != 'absolute' )
{
elem.style.position = 'absolute';
elem.style.left = '-4000px';

}
else
{
elem.style.position = 'relative';
elem.style.left = '10px';

}
}

My Current Toggle All Link:

<a href="javascript:toggleDiv('service_twitter');toggleDiv('service_facebook');toggleDiv('service_netvi bes');toggleDiv('service_rss');toggleDiv('service_youtube');toggleDiv('service_flickr');toggleDiv('s ervice_pageflakes');toggleDiv('service_podcasts');">Show/Hide all</a>

[JMcG]

Use this to call your function:

<a href="javascript:toggleDiv('service_twitter','service_facebook','service_netvi bes','service_rss')">Show/Hide all</a>

Now in the function below, all of the id's you passed through go into an object called arguments. Then you can just loop through each argument, setting it's display style to 'none'

function toggleDiv()
{
	for (var x = 0; x < arguments.length; x++){
		var elem = document.getElementById(arguments[x]);
		if ( elem.style.display != 'none' )
		{
			elem.style.display = 'none';
		}
		else
		{
			elem.style.display = 'block';
		}
	}
}