<!DOCTYPE html>
<html lang='es'>
<head>
<title>Tabs con hash y ajax</title>
<meta name='description=' content=''>
<meta charset='utf-8'>
<script src='jquery-1.7.2.min.js'></script>
<script src='html5.js'></script>
<script>
$(document).ready(function(){
//###### Código agregado para detectar si hay hash
//obtener hash
var jash = window.location.hash;
// comprobamos si existe un hash valido
if(jash.length > 1){
// si existe buscamos el enlace que contiene ese hash en el href y cojemos su atributo "title"
var href = $('a[@href='+jash+']').attr('title');
// cargamos la página que se solicita vía hash
$('section').load(href);
}
//######
//código del menu, nada nuevo aquí
$('nav a').click(function(){
var href = $(this).attr("title");
$('section').load(href);
});
});
</script>
</head>
<body>
<!-- menu -->
<nav>
<li><a href='#default' title='e1.html'>Inicio</a></li>
<li><a href='#enlace2' title='e2.html'>Enlace 2</a></li>
<li><a href='#enlace3' title='e3.html'>Enlace 3</a></li>
<li><a href='#enlace4' title='e4.html'>Enlace 4</a></li>
<li><a href='#enlace5' title='e5.html'>Enlace 5</a></li>
</nav>
<!-- contenedor donde cargaremos el html externo -->
<section></section>
</body>
</html>