用Scriptaculous更改链接文本？

Question

我有一个链接，点击后，使用Scriptaculous显示图像。当我再次点击链接时，它再次隐藏图像。现在，当点击链接时，我会调用一个名为toggle（）的函数。我怎样才能改变链接文本，当我点击它，并将其改回到它再次点击时的内容？那是我的功能：

<script type="text/javascript"> 

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

</script> 

谢谢！

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}); 
}