jquery - 選択メニューで選択したオプションのクラスを追加/削除

Question

ページが選択されたときに、ページ上のそれぞれの div の場所に移動するように構成されたドロップダウンがあります。私の質問は、JavaScript に別の部分を追加して、その div に特定のクラスを追加し、現在のクラスを削除するにはどうすればよいですか? また、選択メニューの最後の「リンク」/オプションで GA イベント トラッキングを修正する必要があります。これはサブドメインに移動するため、gaq_push の「リンク」機能を使用する必要がありますが、現在はそうではありません。ワークアウト。

参照用の URL は次のとおりです: (「選択」メニュー機能を確認するには、ウィンドウのサイズを 480 ピクセル未満に変更してください):こちら

html は次のとおりです。

<select id="aloha">
<option selected="selected" value="">Go to...</option>
<option value="#overview">Overview</option>
<option value="#Fat">Fat Burning</option>
<option value="#Energy">Energy &amp; Endurance</option>
<option value="#Vitamins">Vitamins &amp; Antioxidants</option>
<option value="#faq">FAQ</option>
<option value="#Facts">Supplement Facts</option>
<option value="http://store.uniconutrition.com/product-p/1002-unico-toned-raz.htm">Buy Now</option>
</select>

そしてJS：

  $(".mobster select").change(function() {
    window.location = $(this).find("option:selected").val();
  });

 });


$("#aloha").change(function(){
    if($(this).val() == "http://store.uniconutrition.com/product-p/1002-unico-toned-raz.htm") {
       _gaq.push(['_trackEvent', 'toned select', 'Click', 'Buy'], ['_link', 'http://store.uniconutrition.com/product-p/1002-unico-toned-raz.htm']); return false;
    } else {
      _gaq.push(['_trackEvent','toned select','Click',this.selectedIndex.toString()]);
    }
});