いつもお世話になっております。eccube2系の諸々の設定を利用して、以下の例の様にPCサイトでラグビーと記載されているボックスをクリックすると、ラグビー関連の情報が表示される設定にしておりますが、その際(クリック後に)にラグビーと記載されているボックスの枠を目立つ色に変更したいです。

他にもある選択肢の中からラグビーがクリックされているということを示したいためですが、以下のjs、html、css、（あるいは他の何か）をどの様に設定することによりそれが可能になるかお教え願いませんでしょうか。

＊js

//サブエリアの表示/非表示
var speed = 500;
var stateSub = 0;
function fnSubToggle(areaEl, imgEl) {
areaEl.slideToggle(speed);
if (stateSub == 0) {
$(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/button/btn_plus.png");
stateSub = 1;
} else {
$(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/button/btn_minus.png");
stateSub = 0;
}
}


＊html

<input type="hidden" name="mode" value="search" />
<span class="b_expand"><p onclick="fnSubToggle($('#sub_area4'), this);">
<select name="europeid" class="box70"><option label="" value="">ラグビー</option></select>
</p></span>

<div id="sub_area4" style="display: none;">

<div class="subarea clearfix">
<div id="maintext10">

//ラグビーボックスをクリック後、ラグビー関連の情報が表示される。

</div>
</div>
</div>


＊css

select.box70 {
width: 125px;
height:23px;

}



MySQL5.0.77
apache2
Windows XP
5.0.22
EC-CUBE 2.X系