jqueryで簡単なtabsプラグイン機能を実現するコード

本題に戻りますが、以下は全文です.
まず最も簡単な効果図を2枚添付します.
まず簡単なHTMLコードを作成します.tabsのULタグとコンテンツを含むpタグとして使用される.

広々とした空.

輝かしい歳月.

本当に愛してる

簡単に言えば、私は3つしか書きません.
今日私は、寒い夜に雪が舞うのを見た.冷めた心の巣を抱いて远くへ...依然として自由で、永远に私の歌を歌って、千里を歩きます.
鐘の音が家に帰るメッセージを鳴らして、彼の生命の中で少しため息をつくようです......自信は未来を変えることができて、誰にまたすることができますかを聞きます.
修飾できない相手は、暖かさを持っていつまでも後ろにいる......私に言ってください.本当にあなたを爱しています.
すべての外観は画像を使わず、簡単にできるので、CSSをすべて使用します.こちらは重要なものを選びます.
li{float:left;}
a{display:block;border:solid 1px #000;}
div{border:solid 1px #000;margin-top=-1px;}
.selected{border-bottom-color:#FFF; color:#F00;}//選択したtabの下部の枠線の色をコンテンツの背景と同じ色に設定します
メインイベントは、簡単なjqueryでtabs機能を実現する方法です.

 
  
 
  <br>$(function{ 
  <br>$('div').hide().filter(':first').show();//        <div>      。 
  <br>$('a').click(function(){ 
  <br>$('div').hide(); 
  <br>$('a').removeClass('selected'); 
  <br>$(this).addClass('selected'); 
  <br>$('div').hide().filter(this.hash).show();//      ，this.hash    ，      ，             。    <a href="first">     <div id="first">    。 
  <br>$('div'). 
  <br>}).filter(':first').click();//     ，         。 
  <br>}); 
  <br> 
  
 
 

以上はすべての内容で、興味のある人は勝手にテストしてもいいです.ありがとうございました.