Как показать скрыть блок текста

Вот пример который работает. Но мне надо чтоб при нажатии на вторую ссылку, текст первой скрывался, как сделать подскажите пожалуйста?

<script type="text/javascript">

function viewdiv(id)

{

var el=document.getElementById(id);

if(el.style.display=="block")

{

el.style.display="none";

} else {

el.style.display="block";

}

}

</script>

<a href="javascript:void(0);" onclick="viewdiv('mydiv');"> блок</a>

<div id="mydiv" style="display:none;">text text text</div>

<a href="javascript:void(0);" onclick="viewdiv('mydiv2');">Показать блок2</a>

<div id="mydiv2" style="display:none;">text text text2</div>

---------- Добавлено 26.03.2015 в 19:10 ----------

В общем нашел такое решение

<script type="text/javascript">

var show;

function hidetxt(type){

param=document.getElementById(type);

if(param.style.display == "none") {

if(show) show.style.display = "none";

param.style.display = "block";

show = param;

}else param.style.display = "none"

}

</script>

<div>

<a onclick="hidetxt('div1'); return false;" href="#" rel="nofollow">С 1 </a>

<div style="display:none;" id="div1">

текст1

</div>

<div>

<a onclick="hidetxt('div2'); return false;" href="#" rel="nofollow">С 21</a>

<div style="display:none;" id="div2">

текст 2

</div>

<div>

<a onclick="hidetxt('div3'); return false;" href="#" rel="nofollow">С 3</a>

<div style="display:none;" id="div3">

текст 3

</div>