Yahooのは簡単に書くと、
<div id="artFold">何か長い文</div>
<div id="foldLink"></div>
に対してonload = function() {
document.getElementById('artFold').style.display = 'none';
document.getElementById('foldLink').innerHTML = '<a href="#" onClick="fold_change();return false">[続きを読む]</a>';
}
function fold_change() {
var artObj = document.getElementById('artFold');
var linkObj = document.getElementById('foldLink');
if (artObj.style.display == 'none') {
artObj.style.display = 'block';
linkObj.innerHTML = '<a href="#" onClick="fold_change();return false">[記事を折りたたむ]</a>';
} else {
artObj.style.display = 'none';
linkObj.innerHTML = '<a href="#" onClick="fold_change();return false">[続きを読む]</a>';
}
}というようなスクリプトを書いていますね。
おすすめしませんが、代用としてはHTML+TIMEでしょうか。
<style type="text/css">
.time {behavior: url(#default#time2);}
</style>
<div class="time" begin="foldOpen.click" end="foldClose.click" timeaction="display">何か長い文</div>
<div id="foldOpen" class="time" begin="0;foldClose.click" end="foldOpen.click" timeaction="display">[続きを読む]</div>
<div id="foldClose" class="time" begin="foldOpen.click" end="foldClose.click" timeaction="display">[折りたたむ]</div>
