Yes, I googled and found it before your info came. :) But thanks.
So I implemented the js into the picture and added your code. Aside from the
additional paran I added in the onclick - the code is identical and not quite
working. First - I need the text to not show initially upon creating the
accordion. Then the 2nd issue - it seems to close the text, but not open. I
really appreciate the help. I've never used jquery.js. Seems to be something
I should learn.
Kim
Here's the code...
<cfoutput>
<link rel="stylesheet" type="text/css"
href="<cfoutput>#session.root#</cfoutput>/css/SpryAccordion.css" />
<script type="text/javascript" src="#session.root#/js/jquery.js"></script>
<script type="text/javascript"
src="#session.root#/js/SpryAccordion.js"></script>
<script language="javascript">
function UpDown(el){
$(".open").slideUp();
$(".open").removeClass("open");
$(el).addClass("open");
}
</script>
<div id="couponAccordion" class="Accordion" >
<div class="AccordionPanel">
<div class="AccordionPanelTab">
TITLE OF PANEL
</div>
<div class="AccordionPanelContent" >
<a href="##" onClick="UpDown($('##myDiv'));" >Disclaimer</a>
<div id="myDiv">
<div class="open"> TEXT</div>
</div>
</div>
</div>
</div>
</cfoutput>
<script type="text/javascript">
var couponAccordion = new Spry.Widget.Accordion("couponAccordion", {
defaultPanel: -1, nextPanelKeyCode: 78 /* n key */, previousPanelKeyCode: 80 /*
p key */ , enableAnimation: false });
</script>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
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:328817
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
