選擇並顯示標籤中的數據

Question

我有一個網站，顯示按季節排序的電視節目的標題。我希望實現一個用戶界面，用戶可通過切換選項卡在演出季節之間切換。例如，「第1季」選項卡將顯示第一季節的所有節目的標題，即「第2季」選項卡將顯示第二季節中所有節目的標題等。該數據庫被組織爲帶有標題，show_id（電視節目的ID）和sezon（季節號）的劇集表。

<div class="demo" id="tabs"> 
<ul> 

<?$season=mysql_query("select * from seasons where showid='$ids' ORDER BY sezon ASC"); 

while($szn=mysql_fetch_array($season)){?> 

<li><a href="#tabs-<?=$szn['sezon'];?>">Season <?=$szn['sezon'];?></a></li> 

<?}?> 

</ul> 

<div id="tabs-<?=$szn['sezon'];?>">episodetitle</div> 
</div> 

如何正確實現標籤切換？

Answer 1

我認爲最簡單的方法是jQuery的。在jQuery UI中有一個特定的事情。

http://jqueryui.com/tabs/

閱讀波紋管的實例文檔。 （有用於製造更容易理解的代碼段。）

當我讀到你的代碼是完美的在jQuery UI的標籤。使用jQueryUI的