Request for help on the code

Hi,

I have a code which is not working in webpage. It works when I save the code as a html file and open in browser but when I put the code to a webpage, it does not work correctly. See below how it shows in webpage:
[ATTACH]16307[/ATTACH]

I want it to be displayed as below:
[ATTACH]16309[/ATTACH]

Below is the clde I have used. Can anyone please help in fixing it. I don’t know why it is not showing correctly in webpage.

[code=html]
<meta content=”en-us” http-equiv=”Content-Language”>
<title></title>
<script>
var toggledDisplay = new Object();
toggledDisplay[‘sub1’] = true;
toggledDisplay[‘sub2’] = true;
toggledDisplay[‘sub3’] = true;

function toggleDisplay(bDisplayed) {
if (!document.getElementById || toggleDisplay.arguments.length < 2) return;
var displayed = new Object();
displayed[‘true’] = ‘block’;
displayed[‘false’] = ‘none’;
for (var i = 1; i < toggleDisplay.arguments.length; i++) {
oDisplay = document.getElementById(toggleDisplay.arguments[i]);
if (oDisplay) {
oDisplay.style.display = displayed[bDisplayed];
if (bDisplayed) {
oImages = oDisplay.getElementsByTagName(‘IMG’);
for (var j = 0; j < oImages.length; j++)
oImages[j].src = oImages[j].src;
}
if (typeof toggledDisplay[toggleDisplay.arguments[i]] != ‘undefined’)
toggledDisplay[toggleDisplay.arguments[i]] = !bDisplayed;
}
}
}
</script>
<!–mstheme–>
<link href=”../../_themes/Lacquer/Lacq1011.css” id=”onetidThemeCSS” rel=”stylesheet” type=”text/css”>
<meta content=”Lacquer 1011, default” name=”Microsoft Theme”>
<div><a href=”JavaScript://” onclick=”toggleDisplay(true, ‘sub1’, ‘sub2’, ‘sub3’ , ‘sub4’, ‘sub5’, ‘sub6’, ‘sub7’);”>Expand All</a> | <a href=”JavaScript://” onclick=”toggleDisplay(false, ‘sub1’, ‘sub2’, ‘sub3’ , ‘sub4’, ‘sub5’, ‘sub6’, ‘sub7’);”>Collapse All</a> <font color=”#000000″> </font>
<table border=”1″ style=”width: 100%;”>
<tbody>
<tr>
<td colspan=”2″>Page Title</font>
</td>
</tr>
<tr>
<td class=”rtecenter” style=”width: 50%; background-color: rgb(255, 102, 0);”><span style=”color:#000000;”><strong>AAA</strong></span>
</td>
<td class=”rtecenter” style=”width: 50%; background-color: rgb(255, 102, 0);”><span style=”color:#000000;”><strong>BBB</strong></span>
</td>
</tr>
<tr>
<td colspan=”2″ style=”background-color: rgb(0, 102, 204);”><a href=”JavaScript://” onclick=”toggleDisplay(toggledDisplay[‘sub1’], ‘sub1’)”><span style=”color:#FFFFFF;”><strong>Section 1 – Click to Expand / Collapse</strong></span></a>
</td>
</tr>
<tr id=”sub1″>
<td colspan=”2″>
<table border=”1″ style=”width: 100%;”>
<tbody>
<tr>
<td style=”width: 50%;”><font color=”#000000″>AA</font>
</td>
<td style=”width: 50%;”><font color=”#000000″>11</font>
</td>
</tr>
<tr>
<td><font color=”#000000″>BB</font>
</td>
<td><font color=”#000000″>22</font>
</td>
</tr>
<tr>
<td><font color=”#000000″>CC</font>
</td>
<td><font color=”#000000″>ABCDEFGHIJKLMN & OPQRSTUVWXYZ</font>
</td>
</tr>
</td>
</table>
</tr>

<tr>
<td colspan=”2″ style=”background-color: rgb(0, 102, 204);”><a href=”JavaScript://” onclick=”toggleDisplay(toggledDisplay[‘sub2’], ‘sub2’)”><span style=”color:#FFFFFF;”><strong>Section 2 – Click to Expand / Collapse</strong></span></a>
</td>
</tr>
<tr id=”sub2″>
<td colspan=”2″>
<table border=”1″ style=”width: 100%;”>
<tbody>
<tr>
<td style=”width: 50%;”><font color=”#000000″>AA</font>
</td>
<td style=”width: 50%;”><font color=”#000000″>11</font>
</td>
</tr>
<tr>
<td><font color=”#000000″>BB</font>
</td>
<td><font color=”#000000″>22</font>
</td>
</tr>
<tr>
<td><font color=”#000000″>CC</font>
</td>
<td><font color=”#000000″>ABCDEFGHIJKLMN & OPQRSTUVWXYZ</font>
</td>
</tr>
</td>
</table>
</tr>

</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<font color=”#000000″> </font>
<script language=”JavaScript” type=”text/javascript”>
<!–
toggleDisplay(false, ‘sub1’, ‘sub2’, ‘sub3’, ‘sub4’, ‘sub5’, ‘sub6’, ‘sub7’);
toggleDisplay(true, ‘toggleAll’);
//–>
</script>
</div>
[/code]

[canned-message]attachments-removed-during-migration[/canned-message]

Also in #JavaScript _↴