An ajax jQuery example with tabs

jQuery, CSS and HTML

<!doctype html>
<html>
<head>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
</script>
  <script>
  $(function() {
    $( "#tab_example" ).tabs();
  });
  </script>

background:#046493;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: #C6EBFD;
}
</style>

</head>
<body>
<div id="tab_example">
  <ul>
    <li><a href="ajax/tab1.txt">AJAX Tab 1</a></li>
    <li><a href="ajax/tab2.txt">AJAX Tab 2</a></li>
    <li><a href="ajax/tab3.txt">AJAX Tab 3</a></li>
  </ul>
</div>
</body>
</html>