【JavaScript】クリックで文字列を入れ替えする方法

ページのどこででも構いませんので、

<script type="text/javascript">
<!--
function showhide(id,idb){
if(document.getElementById){
if(document.getElementById(id).style.display == "block"){
document.getElementById(id).style.display? = "none";
document.getElementById(idb).style.display = "block";
}else{
document.getElementById(id).style.display? = "block";
document.getElementById(idb).style.display = "none";
}
}
}
//-->
</script>

と記載して下さい。

次に、最初に表示しておきたい文字列を

<div style="display:block;" id="damc">
最初に表示する部分
<a href="javascript:showhide('mainc','damc')">続きを読む</a>
</div>

と記載して下さい。

「続きを読む」をクリックした際に表示されるようにしたい部分に

<div style="display:none;" id="mainc">
クリック後表示
</div>

と記載してください。

以上、たったこれだけでクリックすると文字列を入れ替えることができます。