jQueryでside-bar.js

• ウインドウの横に隠れるサイドナビゲーションJavaScript （side-bar.js） - youmos

という記事を見かけて「これjQueryならもっと短く書けちゃうなぁ」と思ったので書きました。

• jquery sidebar

ソースを見ていただければ分かるのですが、Javascript部分はこれだけ。

<script type="text/javascript">
<!--
$(function() {
	$('#sideBarTab').click(function() {
		$('#sideBarContents').toggle('slow');
		$(this).toggleClass('active');
	});
}
);
-->
</script>

オリジナルのマークアップとCSSに少し手を加えていますが、こんな感じで楽勝です。アンカータグの中身がないのが気になる方は、適当に文字を入れておいて、$('#id名').empty();と加えておくとよいと思います。