JQuery UI中有一个很好用的Tabs Widgets，在定义了一组Tab的Header和Content，很容易地就可以得到TabSheet的效果。

<script type="text/javascript">
    $(function(){
        $('#tabs').tabs();
    });
</script>

但 是每次Postback之后，页面总是会默认显示第一个tab，非常不方便。
查看了一下jquery-ui-1.7.2.custom.js，原 来Tabs是使用了Cookies来存储Tab的Index，所以，我们可以增加jquery.cookie.js文件来使用cookie保持状态。

<script type="text/javascript" src="../js/jquery.cookie.js"></script>
<script type="text/javascript">
    $(function(){
        $('#tabs').tabs({ cookie: { expires: 30 } });
    });
</script>