Добавить заголовок HTML-файл с

Question

Тхи браузер Javascript-код, чтобы показать другой HTML файл в index.html

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script> 
$(function(){ 
$("#header").load("header.html"); 
$("#footer").load("footer.html"); 
}); 
</script> 

<div id="header"></div> 
<!--Remaining section--> 
<div id="footer"></div> 

, но как сделать, когда я нажимаю пример заголовка, чтобы показать только содержание header.html или если я нажимаю сноска показать только footer.html

 <li><a href="header.html"><span>Header</span></a></li> 
     <li><a href="footer.html"><span>Footer</span></a></li> 

Answer 1

Вот пример:

HTML

<ul id="nav"> 
    <li> 
     <a href="header.html" data-container="header"> 
      <span>Header</span> 
     </a> 
    </li> 
    <li> 
     <a href="footer.html" data-container="footer"> 
      <span>Footer</span> 
     </a> 
    </li> 
</ul> 
<div id="header"></div> 
<!--Remaining section--> 
<div id="footer"></div> 

JavaScript

$(document).ready(function() { 
    $('ul#nav li a').on('click', function() { 
     var el = $(this); 
     $('#' + el.data('container')).load(el.attr('href')); 
     return false; 
    });  
});