[HELP] How To Show/Hide Text Using JavaScript Toggle Method

<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "show";
}
else {
ele.style.display = "block";
text.innerHTML = "hide";
}
} 
</script>

<a href="javascript:toggle();" id="displayText">Show/Hide</a>
<div id="toggleText" style="display: none;">This is Hidden Text</div>

Ya know, if you just pass the function some arguements you don't have to  create multiple functions (i.e.- toggle2(), toggle3(), etc...)

So the function should look like this instead:

function toggle(tog, dis){
var ele = document.getElementbyId(tog);
var text = document.getElementbyId(dis);
if (ele.style.display == "block"){
ele.style.display = "none";
text.innerHTML = "Show/Hide";
}
else{
ele.style.display = "block";
text.innerHTML = "hide";
}
}

Then  you just increment the id wherever you want to use the function. This  way it won't clog up your header with tons of repeated js functions. DRY  (Don't Repeat Yourself)