Having trouble with placing pagination in each Accordion panel.

[jacq]

The first pagination only works since the first panel is already open (panel 1), but when you click the second panel, you'll notice that the pagination doesn't work. I don't know much about Javascript, but I think I need an eventhandler (?) or an onclick function to make this work? Can someone help me mark up this code?

site: http://www.anhstudio.com/slide

site of sliding script: http://www.webinventif.fr/wp-content...rojets/wslide/

script code:

$(document).ready(function(){
$("#parent1, #parent2").wslide({
width: 860,
height: 250,
pos: 1,
horiz: true
});
});
 
css:
#parent1-wrap{
border: 0px solid gray;
}
#parent1 li{
background: #none;
padding: 15px;
margin: 5px;
}
#parent1-menu a.wactive{
font-weight: bold;
}
#parent2-wrap{
border: 0px solid gray;
}
#parent2 li{
background: #none;
padding: 15px;
margin: 5px;
}
#parent2-menu a.wactive{
font-weight: bold;
}
 
body:
<div class="container" >
 
 
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">
 
<div class="parent1-wrap">
<ul id="parent1">
<li><a href="http://www.anhstudio.com/portraits"><img src='../img/thumb/vanessa_small1.jpg' /></a>  <img src='../img/thumb/vanessa_small1.jpg' />  <img src='../img/thumb/vanessa_small1.jpg' />  <img src='../img/thumb/vanessa_small1.jpg' /></li>
<li id="parent1">Hi</li>
<li>Bonjour</li>
<li>Hola</li>
<li>lei Ho</li>
<li>Salut</li>
<li>Aloha</li>
<li>Caio</li>
</ul>
</div>   
   </div>
       </div>
 
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2</div>
<div class="AccordionPanelContent">
 
<div class="parent2-wrap">
 
<ul id="parent2">
 
<li><a href="http://www.anhstudio.com/portraits"><img src='../img/thumb/vanessa_small1.jpg' /></a>  <img src= '../img/thumb/vanessa_small1.jpg' />  <img src='../img/thumb/vanessa_small1.jpg' />  <img src='../img/thumb/vanessa_small1.jpg' /></li>
 
<li id="parent2">Hi</li>
<li id="parent2">Bonjour</li>
<li id="parent2">Hola</li>
<li id="parent2">lei Ho</li>
<li id="parent2">Salut</li>
<li id="parent2">Aloha</li>
<li id="parent2">Caio</li>
 
</ul>
</div>    
   </div>
        </div>       
           </div>
</div>