Providing an "open/close" text for the accordionPanelTab

Question

I have the accordion working just fine but in the
"AccordionPanelTab" I want to have a "dummy" link (dummy since the
onclick event happens to the <div>, not the text I'm putting
in) that when the "AccordionPanelContent" is closed will say
"More>>" and when open the dummy link will say "<<
Close". I'm sure this can be done but I'm not sure how. I think I
would attach something to the code in the SpryAccordion.js file to
change some innerHTML when open or closed.
Any suggestions on where to start?

Answer 1

You can do this with CSS so there is no need to modify the
SpryAccordion.js file:
<script src="../SpryAssets/SpryAccordion.js"
type="text/javascript"></script>
<link href="../SpryAssets/SpryAccordion.css"
rel="stylesheet" type="text/css" />
<style>
.AccordionPanelTab .closed, .AccordionPanelTab .more {
display: none;
.AccordionPanelClosed .AccordionPanelTab .closed,
.AccordionPanelOpen .AccordionPanelTab .more
display: inline;
</style>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1 <span
class="more">More &gt;&gt;</span><span
class="closed">&lt;&lt; Closed</span></div>
<div class="AccordionPanelContent">Content
1</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2 <span
class="more">More &gt;&gt;</span><span
class="closed">&lt;&lt; Closed</span></div>
<div class="AccordionPanelContent">Content
2</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 3 <span
class="more">More &gt;&gt;</span><span
class="closed">&lt;&lt; Closed</span></div>
<div class="AccordionPanelContent">Content
3</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 4 <span
class="more">More &gt;&gt;</span><span
class="closed">&lt;&lt; Closed</span></div>
<div class="AccordionPanelContent">Content
4</div>
</div>
</div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
--== Kin ==--