ukrywanie elementów div za pomocą js

Witam

Czy ma ktoś pomysł na taką opcję...??

Otóż mam dwa divy, lewy i prawy..

<section class="main">

<div class="box-left">

<a href="#">jakiś link</a>

</div>

<div class="box-right">

jakis content

</div>

</section>

i chciałbym po kliknięciu w link "jakis link" ukryć te dwa divy (lewy i prawy) i załadować do nich dwa oddzielne pliki, jeden z mapką drugi z jakąś treścią, plus przycisk cofnij.

Byłbym wdzięczny za jakieś sugestie

Możesz użyć metody hide() z JQuery.

Albo:

document.getElementById(id).style.display = 'none';

Tyle to wiem, ale chce jeszcze załadować najlepiej ajaxem do tego diva tresc bądź podstronę

jQuery i

$('SELECTOR').load('url/do/tresci');

http://api.jquery.com/load/

Aleee... E... Po jaki gwint najpierw ukryć potem załadować?

Ukrywam jedną treść, pokazuje drugą