How do I anchor within a hidden div in a javascript toggle?

JavaScript
1

I have created a page using collapsible divs through a simple javascript toggle. This is the javascript:


<script language="javascript">
   function getItem(id)
    {
        var itm = false;
        if(document.getElementById)
            itm = document.getElementById(id);
        else if(document.all)
            itm = document.all[id];
        else if(document.layers)
            itm = document.layers[id];
        return itm;
    }
    
function toggleItem(id)
    {
        itm = getItem(id);
        if(!itm)
            return false;
        if(itm.style.display == 'none')
            itm.style.display = '';
        else
            itm.style.display = 'none';
        return false;
   }
</script>

And at the toggle bar, it uses:


<a onclick="toggleItem('evn')">

While the div is:


<div id="evn" style="display:none;">

This page is a list of classes and each toggle bar is a class category. What I want to do is be able to link from another page to the class page, but to a specific class listing within the hidden div section.

The actual page is: Connection Groups

Please note that I am working within the confines of a content management system.

I need something like: go to the page, do the toggle function to show the div, then find a page anchor to locate the correct class.

I’m not sure how to go about this. Any help is greatly appreciated! Thanks, thanks!!