views:

74

answers:

0

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.