This is my first time doing this, and I used [URL=”http://support.internetconnection.net/CODE_LIBRARY/Javascript_Collapse_Expand.shtml”]this
[B]Head:
[code=php]<script language=”JavaScript” type=”text/JavaScript” src=”js/collapse_expand_single_item.js”></script>
[B]Body:
[code=html]<img src=”img/u.gif” name=”imgfirst” width=”9″ height=”9″ border=”0″ >
<a href=”#first” onClick=”shoh(‘first’);” >Customer Support</a>
<div style=”display: none;” id=”first” >
With its friendly solutions-oriented approach, our timely and knowledgeable Technical Support Staff are completely at your disposal. Our Support Technicians are highly trained on the inner workings of the Internet and its associated technologies. Combined with effective troubleshooting techniques, we can quickly identify and resolve technical issues whether they are on our end or on the client end. </div>
[B]The JS script:
[code=php]*/
imgout=new Image(9,9);
imgin=new Image(9,9);
/////////////////BEGIN USER EDITABLE///////////////////////////////
imgout.src=”img/u.gif”;
imgin.src=”img/d.gif”;
///////////////END USER EDITABLE///////////////////////////////////
//this switches expand collapse icons
function filter(imagename,objectsrc){
if (document.images){
document.images[imagename].src=eval(objectsrc+”.src”);
}
}
//show OR hide funtion depends on if element is shown or hidden
function shoh(id) {
if (document.getElementById) { // DOM3 = IE5, NS6
if (document.getElementById(id).style.display == “none”){
document.getElementById(id).style.display = ‘block’;
filter((“img”+id),’imgin’);
} else {
filter((“img”+id),’imgout’);
document.getElementById(id).style.display = ‘none’;
}
} else {
if (document.layers) {
if (document.id.display == “none”){
document.id.display = ‘block’;
filter((“img”+id),’imgin’);
} else {
filter((“img”+id),’imgout’);
document.id.display = ‘none’;
}
} else {
if (document.all.id.style.visibility == “none”){
document.all.id.style.display = ‘block’;
} else {
filter((“img”+id),’imgout’);
document.all.id.style.display = ‘none’;
}
}
}
}