Навигационная цепочка. Переход на главную страницу с подгрузкой контента
 

Добрый день!

Не получается реализовать навигационную цепочку - "хлебные крошки". При клике по ссылке, должна загружаться основная страница index.html с подгрузкой контента.

Общая структура сайта:

INDEX.HTML
- ГЛАВНАЯ (main.html)
- page_1.html
- page_2.html
- page_3.html
- ПРОДУКЦИЯ (product.html)
- page_4.html
- page_5.html
- page_6.html
- О НАС (about.html)
- page_7.html
- page_8.html
- page_9.html

По умолчанию при загрузке сайта сразу же подгружается блок НОВОСТИ. Нужно что бы была возможность, например, с страницы page_9 перейти на ветку выше - О НАС или ГЛАВНАЯ (т.е. загрузить index.html с подгрузкой нужного раздела).

// подгрузка раздела ГЛАВНАЯ при начальной загрузке страницы
// подгрузка нужного раздела при клике по пункту меню 
$(function() {
  $("#content").load("/main.html");
  $('#menu ul li a').click(function(event ) {
     event.stopPropagation(event);
    $.ajax({
      url:$(this).attr('data_target'),
      cache: false,
      success: function(html) {
        $("#content").html(html);
        $('#menu ul li a').addClass('active');
      }
    });
    return false;
  });
});

// навигационная цепочка, переход в соседний раздел при клике по ссылке
$(function() {
  $(document).ready(function(){   
     $("#main").click(function(){  
       $.ajax({  
          url: "/main.html",  
          cache: false,  
          success: function(html){   
             $("#content").html(html);  
          }  
       });  
       return false;
     });  
              
     $("#about").click(function(){ 
       $.ajax({  
          url: "/about.html",  
          cache: false,  
          success: function(html){  
             $("#content").html(html);  
          }  
       });  
       return false;
     });              
  });  
 
});