Загрузка сразу 2 html-страниц в отдельные div

У меня есть страница index.html с горизонтальной навигационной панелью в центре страницы. Есть 6 навигационных кнопок (about_us, faqs и т.д. И т.д.). Теперь над навигационной панелью находится div, называемый # container_1, а под навигационной панелью находится div, называемый # container_2.

У меня есть код до сих пор, поэтому моя навигационная панель будет загружать соответствующий html-контент в div # container_1 над навигационной панелью, используя jQuery.

Однако, что мне нужно сделать, это когда я нажимаю соответствующую навигационную кнопку, тогда BOTH divs будут одновременно загружать соответствующие html-страницы.

Например, когда я нажимаю кнопку about_us, он будет загружать 'about_us.html # content' в div # container_1, а также 'about_us_2.html # content' в div container_2.

Конечно, есть что-то простое, чего я не вижу.

До сих пор я вставил свой код.

Мой jQuery:

$(document).ready(function() {
$('#navigation a').click(function() {
  $('#slider_1').hide();
  $('#slider_1').load($(this).attr('href')).slideDown(1000);
  return false; 
}).eq(0).click();
});

И мой код HTML:

<div id="container_1">
<div id="slider_1"></div>

<div id="navigation">
<a href="aboutus.html#content"><img src="images/btn_aboutus.jpg" border="0" /></a> etc etc etc ...

<div id="container_2">
<div id="slider_2"></div>
</div>

Есть идеи?