2箇所変更したオブジェクト名の使い方が、特殊なので、
ご希望に少しでも近づいたどうかは不明ですが、
・ 各箇所の名前をすべて、
cat1,cat2
の形に変更して、
・ // 1 の第一引数を
"cat1,cat2"
に替えれば動きます。
・ サンプルのように6箇所以内で無ければ、
// 2 と // 3
を例に見習って増やしてください。
------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="animatedcollapse.js">
</script>
</head>
<body>
<p>
<b>Example 2:</b>
</p>
<a href="javascript:cat1.slideit()">Show/ Hide DIV</a>
<div id="cat1" style="width: 300px; background-color: #99E0FB;">
<div style="padding: 0 5px">
<h3>
Content inside DIV!
</h3>
<h3>
Content inside DIV!
</h3>
<h4>
Note: No CSS height attribute defined. Persistence enabled.
</h4>
</div>
</div>
<p>
<b>Example 2_1:</b>
</p>
<a href="javascript:cat2.slideit()">Show/ Hide DIV</a>
<div id="cat2" style="width: 300px; background-color: #99E0FB;">
<div style="padding: 0 5px">
<h3>
Content inside DIV!
</h3>
<h3>
Content inside DIV!
</h3>
<h4>
Note: No CSS height attribute defined. Persistence enabled.
</h4>
</div>
</div>
<script type="text/javascript">
var cat = new Array();
var cat1,cat2,cat3,cat4,cat5,cat6; // 2
setCat("cat1,cat2",800); // 1
function setCat(catsStr, w) {
cats=catsStr.split(/,/);
for (var i=0; i<cats.length ; i++) {
cat[i+1]=new animatedcollapse(cats[i], w, true);
}
cat1=cat[1];cat2=cat[2];cat3=cat[3];cat4=cat[4];cat5=cat[5];cat6=cat[6]; // 3
}
</script>
</body>
</html>
お礼
コードまで書いていただいて本当に助かります。 おかげさまで理想のものができあがりそうです。 度重なるご回答本当にありがとうございました。