选择并在选项卡中显示数据

Question

我有一个网站，显示电视节目的标题，按季节订购。我想实现一个用户界面，用户能够通过切换标签在节目的季节之间切换，例如，“第一季”标签将显示来自第一季的所有节目的标题，“第二季”标签将显示来自第二季的所有节目的标题，等等。DB被构造为具有标题，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中的选项卡。