Open/Close Help

<xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="/c.306789/template/2011/js/jquery.merged.js"></script>
<script language="JavaScript" type="text/javascript">

if (document.getElementById) {
 document.write('<style type="text/css">.texter {display:none; border-left:white 20px solid; color:#404040; font-family:verdana,arial,helvetica,sans-serif; font-size:9pt} @media print {.texter {display:block;}}</style>') }

 var divNum = new Array("a1","a2","a3","a4","a5","a6","a7","a8","a9","a10","a11","a12","a13","a14","a15","a16","a17","a18","a19","a20","a21","a22","a23","a24","a25","a26","a27","a28","a29","a30","a31","a32","a33","a34","a35","a36","a37","a38","a39","a40","a41","a42","a43","a44","a45","a46","a47","a48","a49","a50","a51","a52","a53","a54","a55","a56","a57","a58","a59","a60","a61","a62","a63","a64","a65","a66","a67","a68","a69","a70","a71","a72","a73","a74","a75","a76","a77","a78","a79","a80","a81","a82","a83","a84","a85","a86","a87","a88","a89","a90","a91","a92","a93","a94","a95","a96","a97","a98","a99","a100","a101","a102","a103","a104","a105","a106","a107","a108","a109","a110","a111","a112","a113","a114","a115","a116","a117","a118","a119","a120","a121","a122","a123","a124","a125","a126","a127","a128","a129","a130","a131","a132","a133","a134","a135","a136","a137","a138","a139","a140","a141","a142","a143","a144","a145","a146","a147","a148","a149","a150","a151","a152","a153","a154","a155","a156","a157","a158","a159","a160","a161","a162","a163","a164","a165","a166","a167","a168","a169","a170","a171","a172","a173","a174","a175","a176","a177","a178","a179","a180","a181","a182");  // at the left you should add a1, a2 etc. for each header you wish to include
                                          // so if you want 4 headers you should add a1, a2, a3, a4 in the format shown
                                          // enclosed in double quotes
function openClose(theID) {
 for(var i=0; i < divNum.length; i++) {
  if (divNum[i] == theID) {
   if (document.getElementById(divNum[i]).style.display == "block") { document.getElementById(divNum[i]).style.display = "none" }
   else { document.getElementById(divNum[i]).style.display = "block" }
  }
  else { document.getElementById(divNum[i]).style.display = "none"; }
 }
}

function openAll() {
 for(var i=0; i < divNum.length; i++) {
   document.getElementById(divNum[i]).style.display = "block";
 }
}

function closeAll() {
 for(var i=0; i < divNum.length; i++) {
   document.getElementById(divNum[i]).style.display = "none";
 }
}
// -->
</script>
<script language="JavaScript" type="text/javascript">

if (document.getElementById) {
 document.write('<style type="text/css">.texter2 {display:none; border-left:white 20px solid; color:#404040; font-family:verdana,arial,helvetica,sans-serif; font-size:9pt} @media print {.texter2 {display:block;}}</style>') }

 var divNumHead = new Array("b1","b2");  // at the left you should add a1, a2 etc. for each header you wish to include
                                          // so if you want 4 headers you should add a1, a2, a3, a4 in the format shown
                                          // enclosed in double quotes
function openClose(theID) {
 for(var i=0; i < divNumHead.length; i++) {
  if (divNumHead[i] == theID) {
   if (document.getElementById(divNumHead[i]).style.display == "block") { document.getElementById(divNumHead[i]).style.display = "none" }
   else { document.getElementById(divNumHead[i]).style.display = "block" }
  }
  else { document.getElementById(divNumHead[i]).style.display = "none"; }
 }
}

function openAll() {
 for(var i=0; i < divNumHead.length; i++) {
   document.getElementById(divNumHead[i]).style.display = "block";
 }
}

function closeAll() {
 for(var i=0; i < divNumHead.length; i++) {
   document.getElementById(divNumHead[i]).style.display = "none";
 }
}
// -->
</script>
<STYLE> ul.ups li { float: left; width: 50%; }
ul.ups li.firstcol { clear: left; }
ul.ups li.bg2 { float: left; width: 50%; background-color:#efefef }
ul.ups li.firstcol2 { clear: left; background-color:#efefef }
table.specsTable { margin-bottom: 10px; }
table.specsTable td { font-family: verdana,arial,helvetica,sans-serif !important; }
table.specsTable td.title { font-weight: bold; padding: 5px 0; }
table.specsTable td { border-bottom: 1px solid #cccccc; padding: 3px 10px; }
table.specsTable td.name { width: 30%; }
table.specsTable td.desc { width: 70%; border-left: 1px solid #cccccc; }
</STYLE>
</head>
<h1>Sales FAQ</h1>
<div class='description' style='font-size: 14px; padding-right: 6px'>
<div onClick="openClose('b1')" style="width:600px;color:#0000ff;text-decoration:underline;"><b>Battery Conformance</b></div>
<div id="b1" class="texter">
<div onClick="openClose('a1')" style="width:600px;color:#0000ff;text-decoration:underline;"><b>How do I know which battery is right for my UPS?</b></div>
<div id="a1" class="texter">
<p>Step 1: To find the battery replacement for your UPS first find model number sticker on your UPS. The location and supplied information varies by manufacture, but will contain a Model Number and/or Part Number needed to find the correct battery replacements.
</p>
<p>Step 2: Input this part number into the search bar located at the top of our web store and press the search button. Please note that some model numbers may contain spaces, and if your search turns up no results try without spaces.
</p>
<p>Step 3: Locate your exact model number from the search results. If you cannot locate your exact model number please contact us through live chat, phone call, or email.  We are constantly adding replacement battery kits for more UPS Model Numbers.
</p>
</div>
<br/>