Hi guys,
I tried to insert three sliding panels in the same html page, but unfortunately this causes problems: when I click the next arrow on one, move all at once. How can i fix it?
Thanks in advance.

PS Excuse me for my english[:I]

Paolo, here is what I ended up doing.
FYI: This method will disengage the DMX extension on for these instances. So, edits will be manual.

1) move the ID to the top ancestor of each instance.
It should look like this:

<div id='SlidingPanels1' class='dmxSlidingPanelsView'>...</div>
<div id='SlidingPanels2' class='dmxSlidingPanelsView'>...</div>

2) Setup the specificity to reference the ID and Class. See bellow...

3) At the end of the dmxSlidingPanels.js file are default variables that can be customized. Again, setup the specificity to reference the ID and Class. I tossed in the parent Tag, too for good measure.

jQuery("#SlidingPanels1> .dmxSlidingPanelsView").dmxSlidingPanels({
pageClass:"dmxSlidingPanelsPage", 
pageNavigation:"#SlidingPanels1> .dmxSlidingPanelsNav", 
prevPage:"#SlidingPanels1> div> .dmxSlidingPanelsPrev", 
nextPage:"#SlidingPanels1> div> .dmxSlidingPanelsNext"});

jQuery("#SlidingPanels2> .dmxSlidingPanelsView").dmxSlidingPanels({
pageClass:"dmxSlidingPanelsPage", 
pageNavigation:"#SlidingPanels2> .dmxSlidingPanelsNav", 
prevPage:"#SlidingPanels2> div> .dmxSlidingPanelsPrev", 
nextPage:"#SlidingPanels2> div> .dmxSlidingPanelsNext"});

Good luck!
M.WIDOW