Переключатель скрытого тектса на div'ах. Помогите...

<script type="text/javascript">

tmp="";

function slider(){

	if (tmp!=""){

		tmp.style.display="none";

		tmp="";

	}

	else{

		tmp=document.getElementById('slide');

		tmp.style.display="block";

	}

}

</script>



<a href="javascript:slider()">Раскрыть</a>

<div id="slide"></div>

Очень рекомендую фрейм-ворк jQuery

Задача решается примерно так:

$(document).ready(function() {	

  $('#id_pic').click(function(){

    if ($('#div1').css('display') == 'none')

      $('#div1').css('display','block');

    else

      $('#div1').css('display','none');

  });

});

Ссылки по теме:

http://jquery.com

http://www.habrahabr.ru/blog/webdev/24651.html

jQuery:

/* функция переключает видимость объекта object_id */
function toggleDisplay(object_id)
{
    $('#'+object_id).css('display',$('#'+object_id).css('display')=='none'?'block':'none');
}

....... onClick="toggleDisplay('text1'); toggleDisplay('text2');"..........

Переключатель - тыкаем на видимый, он становится невидимым, а невидимый видимым;

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

<div id="div2">div2 div2 div2 div2 </div>

$(document).ready(function() {	
  $('#div1').click(function(){
    $('#div1').show();
    $('#div2').hide();
  });
  $('#div2').click(function(){
    $('#div2').show();
    $('#div1').hide();
  });
});

Переключатель - тыкаем на переключатель, и видимый и невидимый меняются местами:

<div id="switch">switch</div>

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

<div id="div2">div2 div2 div2 div2 </div>

$(document).ready(function() {	
  $('#switch').click(function(){
    $('#div1').toggle();
    $('#div2').toggle();
  });
});

у show() есть и аргументы для красоты

Спасибо, Ваши ответы помогли в поисках решения.