I have a client that has a different image showing on each content panel of an
accordion. They also have a link showing that when clicked needs to expand
that same panel with additional text. (It shows Disclaimer info)
I set up the accordion. All is well. I have 5 panels with content. I put the
disclaimer text into <div id="hiddenDisclaimer" style="display:none">TEXT
HERE</div>
Then when the link is clicked I execute a simple javascript:
function showOrHideDisclaimer()
{
if (document.getElementById("hiddenDisclaimer").style.display ==
"none"){
document.getElementById("hiddenDisclaimer").style.display =
"block";
}
else {
document.getElementById("hiddenDisclaimer").style.display =
"none";
}
}
The concept works, but only having an effect on panel #1's content. So if I
click on the link in panel #2 - panel #1 is altered, not #2. I can't figure
this one out. Hoping I was clear and you know the secret!
Thanks!
Kim
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know
on the House of Fusion mailing lists
Archive:
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328812
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
