サイドバーなどの省スペースにぴったりな、複数のパネルをスムーズなアニメーションでスライドして切り替えるスクリプトをQuenessから紹介します。
jQuery Sliding Tab Menu for Sidebar Tutorial
demo
デモでは、タブをクリックすると、それに対応したパネルがスライドして表示されます。
各パネルはコンテンツの量に合わせてサイズが調整されます。
タブとパネルはそれぞれdiv要素で実装されており、スライドのアニメーションにはjQueryとjQuery.ScrollToが使用されています。
Post on:2009年6月12日
