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