javascript - Javascript更改文本onClick，然后再次更改回

我试图在单击时更改链接的文本，然后在再次单击时再次更改回原始文本。我能够更改文本(从READ MORE ...变为CLOSE)，但一直在努力将文本再次改回(从CLOSE变为READ MORE ...)。

 <script language="javascript">
 function changeText(idElement){
 if(idElement==1){
 document.getElementById('element'+idElement).innerHTML ='Close';
 } else if(idElement==2){
 document.getElementById('element'+idElement).innerHTML ='Close';
 }
 }
 </script>

 <a id="element1" onClick="javascript:changeText(1)">Read More...</a>
 <a id="element2" onClick="javascript:changeText(2)">Read More...</a>

感谢您的任何提前帮助。

最佳答案

这应该工作:

function changeText(idElement) {
    var element = document.getElementById('element' + idElement);
    if (idElement === 1 || idElement === 2) {
        if (element.innerHTML === 'Read More...') element.innerHTML = 'Close';
        else {
            element.innerHTML = 'Read More...';
        }
    }
}

演示: http://jsfiddle.net/UfVAH/