jQueryタブの機能を使用しないjQueryタブのヘッダ

Question

私のページにはいくつかのリンクがあります。

<ul> 
<li><a href=#>link1</a></li> 
<li><a href=#>link1</a></li> 
<li><a href=#>link1</a></li> 
<li><a href=#>link1</a></li> 
</ul> 

jQueryのタブヘッダーのように表示したいと考えています。私は毎回ページをリフレッシュする必要があるので、特定のdivのタブを読み込むような機能を使いたくない。

jQueryタブと似たようなページをユーザーに見せてもらいたいです。

<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"> 
    <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#">link1</a></li> 
    <li class="ui-state-default ui-corner-top"><a href="#">link2</a></li> 
    <li class="ui-state-default ui-corner-top"><a href="#">link3</a></li> 
    <li class="ui-state-default ui-corner-top"><a href="#">link4</a></li> 
</ul> 

Answer 1

私はjQueryUIサイトでは、この使用して放火犯を得ました。 jQueryUIのCSSを見て、タブのように見えるようにULのスタイルを設定しようとするか、JSを使わずにCSSを使用してみてください。