ddrespling
Technical User
I have created a page using collapsible divs through a simple javascript toggle. This is the javascript:
And at the toggle bar, it uses:
While the div is:
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:
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!
Code:
<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:
Code:
<a onclick="toggleItem('evn')">
While the div is:
Code:
<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:
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!