我有一个链接,点击后,使用Scriptaculous显示图像。当我再次单击该链接时,它会再次隐藏图像。现在,当单击链接时,我调用一个名为toggle()的函数。当我点击链接文本并将其更改回再次点击时的状态时,如何更改链接文本?多数民众赞成我的职责:
<script type="text/javascript">
function toggle(element){
new Effect.toggle(element, 'Slide', {duration:0.5});
}
</script>
谢谢!
答案 0 :(得分: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});
}