[pshcolnyy]

Люди помогите, я уже 3 часа не могу понять почему не работает этот код:

$(document).ready(function() {
	function one() {
		$("#divtodaypost").css('display','block');
		$("#divolderpost").css('display','none');
		$("#divtoparchivers").css('display','none');
	}
	function two() {
		$("#divtodaypost").css('display','none');
		$("#divolderpost").css('display','block');
		$("#divtoparchivers").css('display','none');
	}
	function three() {
		$("#divtodaypost").css('display','none');
		$("#divolderpost").css('display','none');
		$("#divtoparchivers").css('display','block');
	}
});

<div class="menu" id="todaypost" onclick="one()">Today Post</div>
<div class="menu" id="olderpost" onclick="two()">Older post</div>
<div class="menu" id="toparchivers" onclick="three()">Top Archivers</div>

код же вроде простой, по идее он должен отображать и скрывать различные дивы по счелчку по кнопкам (эти дивы у меня наложенные друг на друга). Консоль firefox пишет мне что one two и three это не функции(typeerror: one is not a function) и еще reference error: $ is not defined.