prototype.js-トグル

○js

function toggleAC (clickDom) {
var contentsID = clickDom.id + "-contents";
var contents = document.getElementById(contentsID);
var contents = $(contentsID);
if (contents.style.display == "none") {
contents.style.display = "block";
} else {
contents.style.display = "none";
}
}

これが

○prototype.js

function toggleContents (clickDom) {
$(clickDom.id + "-contents").toggle();
}

これだけになる


○html

<ul>
 <li><a href="#" id="menua" onclick="toggleAC(this)">メニュー 1番目</a>
  <div id="menua-contents">
   1番目のコンテンツ  
  </div>
 </li>
 <li><a href="#" id="menub" onclick="toggleAC(this)">メニュー 2番目</a>
  <div id="menub-contents" style="display:none;">
   2番目のコンテンツ  
  </div>
 </li>
 <li><a href="#" id="menuc" onclick="toggleAC(this)">メニュー 3番目</a>
  <div id="menuc-contents" style="display:none;">
   3番目のコンテンツ  
  </div>
 </li>
</ul>