I am using a pagination plugin called "pagination". Here is the script that is initialized :
function pageselectCallback(page_index, jq){
var new_content = jQuery('#hiddenresult div.result:eq('+page_index+')').clone();
$('#Searchresult').empty().append(new_content);
return false;
}
/**
* Initialisation function for pagination
*/
function initPagination() {
// count entries inside the hidden content
var num_entries = jQuery('#hiddenresult div.result').length;
// Create content inside pagination element
$("#Pagination").pagination(num_entries, {
callback: pageselectCallback,
items_per_page:1 // Show only one item per page
});
}
// When document is ready, initialize pagination
$(document).ready(function(){
initPagination();
});
and I am using this script for accordation on the page :
<script type="text/javascript">
$(document).ready(function(){
$('#content').show();
$('#content1').hide();
$('#content2').hide();
$('#content3').hide();
$('#content4').hide();
$('#content5').hide();
$('a.bucatarii_serie').click(function(){
$("div[id^='content']").hide();
$('#content').toggle('slow');
});
$('a.livinguri_serie').click(function(){
$("div[id^='content']").hide();
$('#content1').toggle('slow');
});
$('a.dormitoare_serie').click(function(){
$("div[id^='content']").hide();
$('#content2').toggle('slow');
});
$('a.tratamente').click(function(){
$("div[id^='content']").hide();
$('#content3').toggle('slow');
});
$('a.chirurgie').click(function(){
$("div[id^='content']").hide();
$('#content4').toggle('slow');
});
$('a.frizerie').click(function(){
$("div[id^='content']").hide();
$('#content5').toggle('slow');
});
});
</script>
My problem is that I don't know how to implement multiple paginations on the same page in diferent containers but in a bigger container.