顯示/隱藏時刪除的文本顯示/隱藏

Question

在下面的示例中，如何讓「See more」文本不會消失，單擊時刪除文本。我希望它留下來。非常感謝。

http://www.cssnewbie.com/example/showhide-content/

Answer 1

刪除所有的東西在<script>標籤引用shID+'-show'。這是顯示/隱藏鏈接的內容。

以供將來參考：

<script language="javascript" type="text/javascript"> 
function showHide(shID) { 
    if (document.getElementById(shID)) { 
     if (document.getElementById(shID+'-show').style.display != 'none') { 
     document.getElementById(shID+'-show').style.display = 'none'; 
     document.getElementById(shID).style.display = 'block'; 
     } 
     else { 
     document.getElementById(shID+'-show').style.display = 'inline'; 
     document.getElementById(shID).style.display = 'none'; 
     } 
    } 
} 
</script> 

[...snip...] 

<a href="#" id="example-show" class="showLink" onclick="showHide('example');return false;">See more.</a> 

刪除隱藏鏈接的東西會給：

<script language="javascript" type="text/javascript"> 
function showHide(shID) { 
    if (document.getElementById(shID)) { 
     if (document.getElementById(shID).style.display != 'none') { 
     document.getElementById(shID).style.display = 'none'; 
     } 
     else { 
     document.getElementById(shID).style.display = 'block'; 
     } 
    } 
} 
</script> 

[...snip...] 

<a href="#" id="example-show" class="showLink" onclick="showHide('example');return false;">See more.</a> 

上面的代碼是未經測試，但應該工作。

Answer 2

刪除此行

onclick="showHide('example');return false;" 

Answer 3

更改下面一行的下它的代碼塊。

原文：

<a href="#" id="example-show" class="showLink" onclick="showHide('example');return false;">See more.</a> 

修改：

<a href="#" id="example-show" class="showLink" >See more.</a>