【css】【jQuery】初回表示時だけ色を変えたい

自分のサイトで、コンテンツ表示のたびにcss定義をいじっているのが煩雑だなー、
と思って相談メールをしてみる↓

師匠ー、アイデアあったら聞かせてください

■現状
サイト（※１）で、コンテンツを白背景で表示しています。
今の実装は、背景色は水色で、クリックするたびに関数（※２）で背景色を白くしている。
初期表示時（タイトル表示時）の背景は水色がMUST。

■やりたいこと
クリックするたびに白くするのは煩雑だなと。
デフォルトの背景色を白にして、最初の表示だけ、背景が水色にしたい

■ためしたこと
CSSで背景を白に定義（※３）して、初期表示時にcssを変更（※４）してみた。
でもこうすると、定義がずっと ※４ によって上書きされてるから、白くならない。

こういうときってどうすればいいのでしょう。。

※１
http://sekai-in-the-box.appspot.com/
※２
$("#contents").css("background-color", "#ffffff");
※３
#contents {
background-color: #ffffff;
※４
jQuery(document).ready(function() {
$("#contents").css("background-color", "#00bfff");

こんな状態で、デフォルトは背景が水色↓

　
コンテンツ表示のたびにcssをいじって背景を白くしている↓

初回表示だけを判断する方法があるのかなーと思うが見つからず。

しばらくすると

タイトルのボックスだけcssかえては？

こんなお返事が。

　
やっぱりそうだよね。。
タイトルdivのサイズをコンテンツdivと同一にして色を水色にすれば、
デフォルトは白くて、タイトル表示時だけ背景を水色に出来るかー。
素直にその方法でやってみよう。

■結果
タイトルdivをコンテンツdivよりちょっと小さめにすることで、
あらいい感じ。

jsから、css変更している箇所を削除して完了。

■修正全量
このハッシュ値でコミットしてます
https://github.com/sekaiya/sekai-in-the-box/commit/07796bf8455c9ca469a7fd4536c3d606e3b3f9b0

BtoBの世界だと、表示速度とかぶっちゃけ気にしたことなかったけど、
自分のサイトとなると訳が違うね！！