Люди помогите, я уже 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.
