サイトをリニューアル&改修した際に実装したjQueryを覚書として残しておこうと思います。

お約束

参考にもらならないくらい単純なコードですが参照は自己責任でお願いします。

サブメニュー開閉ボタンのマウスオーバー処理

//サブメニュー開閉ボタンのマウスオーバー処理
$("#open, #close")
.hover(function(){
$(this).css("color", "#eb6101")
}, function(){
$(this).css("color", "#007bbb")
})

#submenuの内容を展開する

//サブメニューの開閉
.click(function(){
$("#submenu").toggle('fast');
});

#submenuは「display: none;」で非表示しておくこと

#submenu {
top:0;
left:0;
position:absolute;
width: 230px;
height:100%;
background: #FEFEFE;
display: none;
}

ページトップに戻る

$('a#top').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});

少しずつですが、簡単な仕掛けを実装できるようになってきました。