個別に折りたたむことが出来るプラグインを共有プラグインに登録しました。
以前に紹介した折りたたみ方法は非常に大変でお薦めできるものではありませんでしたが、今回ご紹介するものは折りたたみたいものだけ設定すれば良いので簡単でお薦めです。
この共有プラグインを一つだけ使うならそのまま使用できますが、複数使う場合は少し編集が必要です。
プラグイン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…と他と重ならない適当な数字に変えてください。これでそれぞれが正常に動作します。
この共有プラグインを一つだけ使うならそのまま使用できますが、複数使う場合は少し編集が必要です。
プラグイン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…と他と重ならない適当な数字に変えてください。これでそれぞれが正常に動作します。
ARCHIVESとLINKの2ケ所を折りたたみたいのですが、
上手くできません。
教えていただけませんか?