Родительская страница — контент подкатегорий

Изучил материал, спасибо!
Только не совсем получилось. Вот код:

    $(document).ready(function(){
		$('.page_item').click(function(){
			$('.page_item a').addClass('link');
			var info = $('link').attr('href')+ '#content';
			$('#content').hide('fast', loadContent);

			function loadContent(){
				$('#content').load(info,'',function(){
				})
			}
			return false;
		})
	});

вордпресс с помощью wp_list_pages в самом первом вопросе формирует ссылку:

<li class="page_item page-item-161">
		<a href="http://localhost:8888/lab-consulting.ru/about/videnie/">Видение</a>
</li>

сейчас по нажатию на ссылку он просто удаляет контент, хотя должен его подгружать с другой страницы. Что я неправильно делаю?

Сейчас он просто удаляет контент и не вставляет новый, с другой вкладки(то есть дочерней страницы)

Все разобрался! Спасибо большое. Еще подредактировал скрипт и получилось)

Только анимация странная. Он показывает как контент убирается, секция сжимается и потом добавляется. А как сделать чтобы просто подставлялось и все?)) Думаю это последнее))

неуклюжий код, но если работает и устраивает, то ладно. $.load() медленный метод (страница загружается полностью и только потом парсер вырезает оттуда содержимое заявленного блока)

А как сделать чтобы просто подставлялось и все
не использовать анимацию

спасибо за совет)
в итоге получился такой код

    $(document).ready(function(){
		$('.page_item a').click(function(){
			var info = $(this).attr('href')+ "#content";
			$('#content').hide('fast', loadContent);
			$('#loader').fadeIn('normal');
			function loadContent(){
				$('#content').load(info,'',function(){
					$('#content').show('normal', hideLoader());
				})
			}
			function hideLoader(){
				$('#loader').fadeOut('normal');
			}
			return false;
		})
	});

а как его сделать более правильным? и за место $load что можно использовать? думал что это метод аякса и значит должен отрабатывать как надо, не знал что можно по другому)

этот метод использует Ajax, да. Но в случае, если нужна только часть страницы, удобнее использовать запрос Ajax напрямую. В WordPress это потребует немножко PHP-кода и обработки полученного ответа - его надо будет вставить на страницу. По первой ссылке в моем первом ответе есть рабочие примеры.

Спасибо. Перечитал статью. Получается можно сослаться сразу на post с url? Переписал немного код, я правильно понял, что так напрямую будет))

$(document).ready(function(){
		$.ajax({
			type: 'GET',
			url: 'preimushhestva', //Путь к файлу, который нужно подгрузить
			cache: false,
			success: function(responce){        
					$('#content').append(responce); //Подгрузка внутрь блока с id=content
			},
			error: function(){
				alert('Error!');            
			}
		});
	}); 

Сейчас без события click попробовал))

можно сослаться сразу на post с url

нет. Но нативной функцией url_to_postid() можно получить ID записи из URL. Способ считается долгим (просто посмотрите, какой огромный код у функции), и удобнее получить ID записи средствами JavaScript перед отправкой запроса.

При стандартном оформлении вывода wp_list_pages() ID записи спрятан в классах родительского элемента (в примере это класс page-item-161). Поэтому вырезаете ID регуляркой и добавляете в запрос.

.append(responce)

лучше .html(responce)

Метод append() _добавляет_ контент в в конец блока, а html() - _заменяет_ содержимое блока