jQueryの+コンテンツのdivを切り替えるには、ボタンをクリックして、ボタンが強調表示します

 

 

HTML：

<DIV CLASS = "DW4">
<スパンクラス= "DW">单位（次）</ span>を
<DIV = "TIME4"クラス>
<DIV CLASS = "DAT日active4"> </ div>
<DIVクラス= "DAT月"> B </ DIV>
</ DIV>
</ DIV>

<DIV CLASS = "tabinners4">
<DIV CLASS = "inner4は">
    私が最初にコンテンツああしています
。</ div>

<DIV CLASS =「inner4」>
私は、ああ、第2のコンテンツでした

</ div>

</ div>

 

 

CSS：

.dw4 {
位置：相対。
}
.time4 {
位置：絶対。
右：計6Px。
トップ：2ピクセル。
}
.time4 .DAT {
幅：55×。
高さ：20ピクセル;
表示：インラインブロック。
/ *フロート：右; * /
色：#FFF;
フォントサイズ：12ピクセル;
背景：URL（../画像/ l4.png）ノー・リピート;
パディング左：11px;
パディングトップ：1ピクセル。
カーソル：ポインタ;
}

.dw4 .active4 {

背景：URL（../画像/ h4.png）ノー・リピート;
カーソル：ポインタ;
幅：55×;
}
.tabinners4 .inner4：最初の子{
表示：ブロック;
}

.inner4 {
幅：370px;
高さ：209px;
背景：URL（../画像/ kuang4aa.png）ノー・リピート;
位置：相対;
表示：なし;
マージントップ：12ピクセル;
}

 

JS：

。$（ "TIME4の.dat"（）関数（）{をクリック
。$（この）.addClass（ 'active4'）兄弟（）をremoveClass（ 'active4'）;
VAR指数= $（この）.INDEX（） ;
$（」tabinners4 .inner4" 。）当量（指数）.SHOW（）兄弟（）（非表示）;。。。
}）