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>