JS：
$（ "。con"）。eq（0）.show（）; $（ "。btn span"）
CSS：
body {cursor：default; -webkit-text-size-adjust：none;フォントサイズ：12px;フォントファミリー：arial;背景：#fff; } .clear {Zoom：1; } .clear：afted {visibility：hidden;表示：ブロック;フォントサイズ：0;コンテンツ： "1";クリア：両方;高さ：0; } .main {width：500px;マージン：20px Auto; } .btn span {width：35px;テキストアライグ：センター;色：#fff;背景：＃f00;カーソル：ポインター;マージン：0 5px;表示：ブロック;フロート：左; } .con {display：none;ボーダー：＃033 1pxソリッド;高さ：100px;幅：200px; }HTML：
<div> <div> <span> 1 </span> <span> 2 </span> <span> 3 </span> </div> <div> second <br/> </div> <div> second <br/> </div> div> 3番目の<br/>> </div> div> div>
スクリーンショット
上記の最も単純なタブの切り替え例コードは、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。