Основной файл, с учетом того, что первая страница (файл) сразу выводится, поэтому счетчик начинается со второй страницы.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function() {
var page = 2;
$('button').click(function() {
$.ajax({
url : 'files.php?page='+page,
type : 'GET',
success: function(d){
if(!!d) {
$('#content').append(d);
page++
}
}
})
})
});
</script>
</head>
<body>
<div id="content"><p>Содержание 1</p></div>
<button>Следующая</button>
</body>
</html>
files.php
<?php
$path = 'docs/';
$file = $path . $_GET['page'] . '.html';
if(file_exists($file)) include $file;
?>
Подключаемые файлы в каталоге docs
1.html
<p>Содержание 2</p>
2.html
<p>Содержание 3</p>
и т.д. для примера.
Скопируйте на локальный сервер и запустите.