Доброго времени суток!

Облазил уже все выдачу, не могу найти подходящий скрипт.

Нужно чтобы ссылка "развернуть" менялась на "свернуть" при клике ну и соответственно показывался / скрывался блок. С последним проблем нет, а вот именно со сменой текста ссылки никак не могу разобраться.

В идеале ищу как тут:
клик! (блок Показать / Скрыть исходный код )

Заранее спасибо

<script type="text/javascript" >
$(document).ready(function() {
	$(function() {
        $("#button1").toggle(function (){
            $(".div1").animate({opacity: '0'}, 'slow')
            $("#button1").text("Show Text")
            .stop();
        }, function(){
            $(".div1").animate({opacity: '1'}, 'slow')
            $("#button1").text("Show Background")
            .stop();
        });
    });
});	

</script>

<a href="#" id="button1">Button1</a>
<div class="div1">test test test test</div>

Держи.Пример на ссылке.Клик происходит по Id/

Использую ваш скрипт и еще один: все отлично работает, блоки плавно скрываются, причем не все сразу, а по одному, но есть одна проблема:
Ссылка "Подробнее" меняется на "свернуть" сразу для всех блоков, хотя свое состояние меняет только один из них.
В js не силен, подскажите что нужно дописать :rolleyes:

<script type="text/javascript">
 $(document).ready(function() {
 $('div.view').hide();
 $('div.slide').toggle(function() {
 $(this).siblings('div.view').fadeIn('slow');
 $('div.slide').text("Свернуть");
 }, function() {
 $(this).siblings('div.view').fadeOut('fast');
 $('div.slide').text("Подробнее...");
 return false;
});
});
</script>

<div class="view"> la la la </div>


<div class="slide" style="cursor: pointer; ">Подробнее...</div>

<style type='text/css'>
.headline {border: 0px solid #000000; cursor: pointer; text-align: left; text-decoration: underline;}
.hidden {display: none; border: 1px solid #ff0000; text-align: left; margin-top: 2px;}
</style>
<script type="text/javascript">
  function show(ele) {
      var srcElement = document.getElementById(ele);
      if(srcElement != null) {
          if(srcElement.style.display == "block") {
            srcElement.style.display= 'none';
          }
          else {
            srcElement.style.display='block';
          }
      }
  }
</script>

<div class="headline" onclick="show('cat1')"><strong> Цены на рекламу: </strong></div>
    <div class="hidden" id="cat1">
    <p>
		-----ТУТ ТЕКСТ КОТОРЫЙ РАЗВОРАЧИВАЕТЬСЯ ПРИ НАЖАТИИ И СВОРАЧИВАЕТЬСЯ.------
		</p>
    </div>