Как отображать нужный div в зависимости от якоря в ссылке?

Есть такая структура страницы:

<ul>
	<li>
		<a href="#earth">earth</a>
		<a href="#mars">mars</a>
		<a href="#saturn">saturn</a>
		<a href="#usa">usa</a>
		<a href="#kazakhstan">kazakhstan</a>
	</li>
</ul>

<div class="container">
	<div id="earth">
		 Content
	</div>
	<div id="mars">
		 Content
	</div>
	<div id="kazakhstan">
		 Content
	</div>

	e.t.c
</div>

Есть один Div который отображается по умолчанию. Соответсвенно по нажатию на другую ссылку все Div скрываются. Отображается один. Это все хорошо, все работает.

Вопрос в том как сделать так что бы если была ссылка testsite.ru/#usa при открытии отображался именно этот блок? Спасибо!