Spoiler box klaidele

Sveiki, noriu pasidaryti spoiler box su Show ir Hide Mygtuku. Paspauds Show mygtuka spoileris atsidaro ir rodo paslepta teksta, bet Mygtukas Show nepasikeicia i Hide.

http://www.part.lt/img/2f65bf9f55d7684ba728eba9cc2c3d99285.png

Cia kodas:

<div class=\"smallfont\" style=\"margin-bottom: 2px;\">Your Title : 
<input onclick=\"if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') 
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else 
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }
\" value=\"Show\" style=\"margin: 0px; padding: 0px; width: 60px; font-size: 10px;\" type=\"button\"> </div>

<div class=\"alt2\" style=\"margin: 0px; padding: 6px; border: 1px inset; background-color: rgb(245, 245, 245); 
background-image: none; background-repeat: repeat; 
background-attachment: scroll; background-position: 0% 50%; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; 
color: rgb(127, 69, 0); line-height: 1.5em;\"><div style=\"display: none;\">Your Text or Image Link

</div></div></div>

Ka reikia dar pakeisti, kad man Hide mygtuka rodytu?

O JS i jQuery keisti galima?

<script type="text/javascript">
function toggle2(showHideDiv, switchTextDiv) {
var ele = document.getElementById(showHideDiv);
var text = document.getElementById(switchTextDiv);
if(ele.style.display == "block") {
   		ele.style.display = "none";
	text.innerHTML = "Paslepti";
 	}
else {
	ele.style.display = "block";
	text.innerHTML = "Rodyti";
}
}
</script>

           	<a id="Kazkoks_id" href="javascript:toggle2('Kazkoks_kitas_id','Kazkoks_id');">Rodyti</a>
	<div id="Kazkoks_kitas_id" style="display: none;">
               Tavo tekstas
	</div>

na jau padare su js, tad nedarisiu su jquery.

<script type="text/javascript">
function toggle2(showHideDiv, switchTextDiv) {
var ele = document.getElementById(showHideDiv);
var text = document.getElementById(switchTextDiv);
if(ele.style.display == "block") {
   		ele.style.display = "none";
	text.innerHTML = "Paslepti";
 	}
else {
	ele.style.display = "block";
	text.innerHTML = "Rodyti";
}
}
</script>

 

           	<a id="Kazkoks_id" href="javascript:toggle2('Kazkoks_kitas_id','Kazkoks_id');">Rodyti</a>
	<div id="Kazkoks_kitas_id" style="display: none;">
               Tavo tekstas
	</div>

Aciu uz pagalba ;)