I am having trouble using a Spry.Widget.CollapsiblePanel in a repeating region. The code depends on an ID tag which must be unique for each repeating region, but I also need to refer to the ID later in a Javascript. Because Pagelime changes all ID codes (not just the one for the div that defines the repeating region), it breaks the script. Here is the code:
<div class="cms-repeat editable" id="repeatingpanel">
<?php $i++; ?>
<div id=<?php echo "\"CPanel".$i."\""; ?> class="CollapsiblePanel"> <!--id on this line needs to be left alone by Pagelime-->
<div class="CollapsiblePanelTab">This is the title for the panel</div>
<div class="CollapsiblePanelContent">Text content for collapsible panel goes here</div>
</div>
<script type="text/javascript">
<!--
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel(<?php echo "\"CPanel".$i."\""; ?>, {contentIsOpen:false});
//-->
</script>
</div>
You'll notice I used some PHP to create a unique ID for each collapsiblepanel, but Pagelime ends up changing the ID anyway. Is there a way to identify a particular ID tag as hands-off to Pagelime?
