<script type="text/javascript" src="http://jil.do.am/she/skr/001/084/skr084.js"></script>

<div id="hc1" class="haccordion">  
<ul>  
<li>  
<div class="hpanel">  
<img src="http://jil.do.am/she/skr/001/029/1.jpg"  
style="float:left; padding-right:8px; width:200px; height:148px"  
/>თქვენი ტექსტი  
</div>  
</li>  
<li>  
<div class="hpanel">  
<img src="http://jil.do.am/she/skr/001/029/2.jpg"  
style="float:left; padding-right:8px; width:200px; height:148px"  
/>თქვენი ტექსტი  
</div>  
</li>  
<li>  
<div class="hpanel">  
<img src="http://jil.do.am/she/skr/001/029/3.jpg"  
style="float:left; padding-right:8px; width:200px; height:148px"  
/>თქვენი ტექსტი  
</div>  
</li>  
<li>  
<div class="hpanel">  
<img src="http://jil.do.am/she/skr/001/029/4.jpg"  
style="float:left; padding-right:8px; width:200px; height:148px"  
/>თქვენი ტექსტი  
</div>  
</li>  
<li>  
<div class="hpanel">  
<img src="http://jil.do.am/she/skr/001/029/5.jpg"  
style="float:left; padding-right:8px; width:200px; height:148px"  
/>თქვენი ტექსტი  
</div>  
</li>  
</ul>  
</div>  
<p><a href="javascript:haccordion.expandli('hc1',  
0)">Expand 1 Panel</a> | <a  
href="javascript:haccordion.expandli('hc1', 1)">Expand 2nd  
Panel</a> | <a href="javascript:haccordion.expandli('hc1',  
2)">Expand 3rd Panel</a> | <a  
href="javascript:haccordion.expandli('hc1', 3)">Expand 4th  
Panel</a> | <a href="javascript:haccordion.expandli('hc1',  
4)">Expand 5th Panel</a></p>

<div id="hc2" class="haccordion">  
<ul>  
<li style="border-right-width:0">  
<div class="hpanel" style="padding:10px; width:350px">  
This accordion content has a custom full width of 350px. Note where the two inline CSS are added within the markup.  
</div>  
</li>  
<li style="border-right-width:0">  
<div class="hpanel" style="padding:10px; width:350px">  
This accordion content has a custom full width of 350px. Note where the two inline CSS are added within the markup.  
</div>  
</li>  
<li style="border-right-width:0">  
<div class="hpanel" style="padding:10px; width:350px">  
This accordion content has a custom full width of 350px. Note where the two inline CSS are added within the markup.  
</div>  
</li>  
<li style="border-right-width:0">  
<div class="hpanel" style="padding:10px; width:350px">  
This accordion content has a custom full width of 350px. Note where the two inline CSS are added within the markup.  
</div>  
</li>  
<li>  
<div class="hpanel" style="padding:10px; width:350px">  
This accordion content has a custom full width of 350px. Note where the two inline CSS are added within the markup.  
</div>  
</li>  
</ul>  
</div>
<p><a href="javascript:haccordion.expandli('hc2',  
0)">Expand 1 Panel</a> | <a  
href="javascript:haccordion.expandli('hc2', 1)">Expand 2nd  
Panel</a> | <a href="javascript:haccordion.expandli('hc2',  
2)">Expand 3rd Panel</a> | <a  
href="javascript:haccordion.expandli('hc2', 3)">Expand 4th  
Panel</a> | <a href="javascript:haccordion.expandli('hc2',  
4)">Expand 5th Panel</a></p>