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

<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>

と記載してください。

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

 

スポンサー

お問い合わせ

この記事についてご質問があれば、お問い合わせ下さい。

お名前(必須)
お名前フリガナ(必須)
メールアドレス(必須)
メールアドレス確認(必須)
お問い合わせ記事URL
お問い合わせ内容(必須)