以下の内容はhttp://10plate.blog44.fc2.com/blog-entry-131.htmlより取得しました。


プラグインの折りたたみ

個別に折りたたむことが出来るプラグインを共有プラグインに登録しました。
以前に紹介した折りたたみ方法は非常に大変でお薦めできるものではありませんでしたが、今回ご紹介するものは折りたたみたいものだけ設定すれば良いので簡単でお薦めです。


この共有プラグインを一つだけ使うならそのまま使用できますが、複数使う場合は少し編集が必要です。

プラグインHTMLを編集します。

<script type="text/javascript">
<!--
function showPlagin(idno){
pc = ('PlagClose' + (idno));
po = ('PlagOpen' + (idno));
if( document.getElementById(pc).style.display == "none" ) {
document.getElementById(pc).style.display = "block";
document.getElementById(po).style.display = "none";
}
else {
document.getElementById(pc).style.display = "none";
document.getElementById(po).style.display = "block";
}
}
//-->
</script>


<div id="PlagOpen1">
<ul><li><a href="#" title="OPEN" onclick="showPlagin(1);return false;">OPEN</a></li></ul></div>
<div id="PlagClose1" style="display: none">
<!-- ▼▼ -->

プラグインのHTMLを編集し、ここを表示させたいものに置き換えてください。

<!-- ▲▲ -->
<ul><li><a href="#" title="CLOSE" onclick="showPlagin(1);return false;">CLOSE</a></li></ul></div>


折りたたみしたい内容を
プラグインのHTMLを編集し、ここを表示させたいものに置き換えてください。
の部分に置き換えてください。

このプラグインを増やす度に
4箇所ある赤い数字の箇所を2,3,4…と他と重ならない適当な数字に変えてください。
これでそれぞれが正常に動作します。
関連記事
[ 2007/01/29 00:07 ] 共有プラグイン | TB(10) | CM(93)



以上の内容はhttp://10plate.blog44.fc2.com/blog-entry-131.htmlより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.13