jsdo.itで、コンテンツを切り替えるスクリプトを書きました。
書いたやつは、Webサイト制作などで、コンテンツを切り替えるようにするやつです。
タブなんかが一般的ですね。

それを、スタイルシートを最大限に使ってできるだけ使いまわせるようにしたものです。
パターンは4パターンになります。

基本的にメニューの位置が違うだけですが、一つのスクリプトを使うだけで、後はスタイルシートで済ませられるのでかなり楽になるはず。

メニューの位置を変えるだけで、劇的に使いやすくなったりするので、こういうのはなるべく考えてサイトに反映させていきたいですね。

jsdo.itでしか確認していないので、ダウンロードして実際に見たときに、表示が崩れたりしているかもしれません。

スクリプトはこちらで確認できます。
http://jsdo.it/holydesign/1FsF

コンテンツを切り替えるやつの基本的なビジュアルパターン – jsdo.it – share JavaScript, HTML5 and CSS