Мне нужно создать многоуровневое меню для сайта, но с Doctype java script не работает. А без doctype вся верстка летит. Подскажите как переделать код.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<BODY>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function dominni(AObjIndex) {
var subObj = document.all['chapter' + AObjIndex];
if ( subObj.style.display == 'none' ) {
subObj.style.display = 'block';
}
else {
subObj.style.display = 'none';
} // if..else
} // doMenu
//-->
</SCRIPT>
<UL>
<LI><A HREF="javascript
:dominni(1);">Глава 1</A>
<UL ID="chapter1">
<LI><A HREF="javascript
:dominni('1_1');">Раздел 1.1</A>
<UL ID="chapter1_1">
<LI><A HREF="javascript
:dominni('1_1_1');">Подразд ел 1.1.1</A>
<UL ID="chapter1_1_1">
<LI>Ну дальше уже некуда</LI>
</UL>
</LI>
<LI>Подраздел 1.1.2</LI>
<LI>Подраздел 1.1.3</LI>
</UL>
</LI>
<LI><A HREF="javascript
:dominni('1_2');">Раздел 1.2</A>
<UL ID="chapter1_2">
<LI>Подраздел 1.2.1</LI>
<LI>Подраздел 1.2.2</LI>
<LI>Подраздел 1.2.3</LI>
</UL>
</LI>
</UL>
</LI>
</UL>
</BODY>
</HTML>