jquery - Onclick の背景値を CSS の HTML タグに変更

Question

ページのセットアップとナビゲーションが整いました。背景画像も正しく表示されています。今の私の目標は、onclick で背景画像を変更することです。

私のバックグラウンドは「general.css」スタイルシートで実現されています

html { 
  background: url(../images/bg1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

私のナビゲーションには独自の「nav.css」と「nav.js」があり、現在のクリック機能は

$('#action1').click(
    function(){
        if ($('#inner1').height() == 0 )
        $('#inner1').animate({height:'250'},800);
        else  if ($('#inner1').height() == 250 )
        $('#inner1').animate({height:'0'},800);
    }
);

action1、action2、または action3 をクリックすると、html スタイルの下の画像の URL が UNIQUE 背景に変更されます。onclickごとに3つの別々の背景があります。（下）

background: url(../images/bg1.jpg) no-repeat center center fixed;

誰かが onclick の URL 値だけを変更する方法についていくつかのヒントを教えてくれれば、それは大歓迎です。背景の URL を変更する必要がありますが、他のスタイルは必要ありません。以下の最後の例。

html { 
  background: url(   CHANGE THIS VALUE ONCLICK   ) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}