Strona złożona z tabs'ów

[Heyek]

Dzięki za odpowiedź. Znalazłem tabsy w JS które nadają się do zbudowania czegoś takiego. Mam jednak mały problem. Tak jak pisałem tabsy będą dłuższe i będzie konieczność przewijania strony w dół. Chciałbym żeby buttony next/prev były umieszczone na pasku u dołu strony który będzie przesuwał się razem ze stroną ( position:fixed; ). Aktualnie buttony pojawiają się dopiero na samym dole strony. Umieściłem ten pasek ale nie wiem jak wyciągnąć tą funkcję na ten pasek, żeby buttony suwały się na pasku razem z nim.

Skrypt wygląda tak:

Kod:

<script type="text/javascript">
        $(function() {

            var $tabs = $('#tabs').tabs();
    
            $(".ui-tabs-panel").each(function(i){
    
              var totalSize = $(".ui-tabs-panel").size() - 1;
    
              if (i != totalSize) {
                  next = i + 2;
                     $(this).append("<a href='#' class='next-tab mover' rel='" + next + "'>Next Page »</a>");
              }
      
              if (i != 0) {
                  prev = i;
                     $(this).append("<a href='#' class='prev-tab mover' rel='" + prev + "'>« Prev Page</a>");
              }
           
            });
    
            $('.next-tab, .prev-tab').click(function() {
                   $tabs.tabs('select', $(this).attr("rel"));
                   return false;
               });
      

        });
    </script>