使用Jquery在ASP.net中使用选项卡式div

时间:2011-04-10 10:11:15

标签: jquery asp.net html

我想在asp.net中制作一个带标签的div。应使用Jquery滚动效果使这些div可见。

有点像Here

但我想使用Jquery。

这是我的div

<div class="prodreview">

//this will contain a form that will allow the user to review a product
</div>


<div class="prodDesc">

//this div will simple show product description
</desc>

1 个答案:

答案 0 :(得分:1)

你看过jQueryUI标签

吗?

http://jqueryui.com/demos/tabs/

在您的示例中,类似这样的内容:

<div id="tabs">
    <ul>
        <li><a href="#prodreview">Product Review</a></li>
        <li><a href="#prodDesc">Product Description</a></li>
    </ul>
    <div id="prodreview">
        //this will contain a form that will allow the user to review a product
    </div>
    <div id="prodDesc">
        //this div will simple show product description
    </div>
</div>

<script>
    $(document).ready(function() {
        $( "#tabs" ).tabs();
    });
</script>