Изменить текст ссылки с помощью Scriptaculous?

Question

У меня есть ссылка, которая при нажатии показывает изображение с помощью Scriptaculous. Когда я снова нажимаю на ссылку, изображение снова скрывается. Теперь, когда ссылка нажата, я вызываю функцию, которая называется toggle (). Как я могу изменить текст ссылок, когда я нажимаю на него, и вернуть его обратно к тому, что было, когда его снова щелкнули? Вот моя функция:

<script type="text/javascript">

    function toggle(element){
        new Effect.toggle(element, 'Slide', {duration:0.5});
    }

</script>

Спасибо! * * 1004

Answer 1

Одним из решений будет передача объекта в функцию и проверка его innerHTML.

<a href="#" onclick="toggle('myDiv', this); return false">click this</a>
//replace my div with the name of the element to slide.

function toggle(element, obj){
  if(obj.innerHTML == 'click this'){
    obj.innerHTML = 'clicked';
  }
  else{
    obj.innerHTML = 'click this';
  }
  new Effect.toggle(element, 'Slide', {duration:0.5});
}