Menu Problems

Hi Everyone

I know this may not be the most appropriate forum for my issue, but I thought someone might be able to help me. I am using CMSB for a condo corp website, specifically to display the Policy Manual. I have created a table of content menu system (file attached) which works very well. However, there is one problem. When I choose a TOC sub-item, the menu then collapses (see http://www.huntclubestates66.com/policyManual.php). I would like it not to collapse; otherwise it is very irritating because you can't easily tell where you were when reading a sub-menu item.

The TOC menu is controlled by a javascript function listed below.
<script type="text/javascript">


CLOSED_IMAGE='images/toc-plus.png';
OPEN_IMAGE='images/toc-minus.png';


function makeCollapsible(listElement){

// removed list item bullets and the sapce they occupy
listElement.style.listStyle='none';
listElement.style.marginLeft='0';
listElement.style.paddingLeft='0';

// loop over all child elements of the list
var child=listElement.firstChild;
while (child!=null){

// only process li elements (and not text elements)
if (child.nodeType==1){

// build a list of child ol and ul elements and hide them
var list=new Array();
var grandchild=child.firstChild;
while (grandchild!=null){
if (grandchild.tagName=='OL' || grandchild.tagName=='UL'){
grandchild.style.display='none';
list.push(grandchild);
}
grandchild=grandchild.nextSibling;
}

// add toggle buttons
var node=document.createElement('img');
node.setAttribute('src',CLOSED_IMAGE);
node.setAttribute('class','collapsibleClosed');
node.onclick=createToggleFunction(node,list);
child.insertBefore(node,child.firstChild);

}

child=child.nextSibling;
}

}


function createToggleFunction(toggleElement,sublistElements){

return function(){

// toggle status of toggle gadget
if (toggleElement.getAttribute('class')=='collapsibleClosed'){
toggleElement.setAttribute('class','collapsibleOpen');
toggleElement.setAttribute('src',OPEN_IMAGE);
}else{
toggleElement.setAttribute('class','collapsibleClosed');
toggleElement.setAttribute('src',CLOSED_IMAGE);
}

// toggle display of sublists
for (var i=0;i<sublistElements.length;i++){
sublistElements.style.display=
(sublistElements.style.display=='block')?'none':'block';
}

}

}

</script>

This code was written months ago, and I've lost track of how to fix the issue![blush]

Help!

Ragi

--
northernpenguin
Northern Penguin Technologies

"Any sufficiently advanced technology
is indistinguishable from magic."
........Arthur C. Clarke