如何根据标题中的值打开jQuery UI Accordion选项卡?

时间:2014-06-11 08:03:04

标签: jquery-ui asp-classic accordion jquery-ui-accordion

我正在使用ASP Classic,在页面上我有一个jQuery UI Accordion。我希望根据变量的值打开手风琴的一个标签。如果该值等于0,我希望关闭所有选项卡;如果它大于0,我希望Accordion部分打开。这就是我目前所拥有的:

jQuery的:

$(function() {
    $( "#accordion" ).accordion({
        heightStyle: "content",
        collapsible: true,
        active: false
    });
});

HTML / ASP:

<div id="accordion">
    <h3>Tab1</h3>
    <div>
        <p>Hello World</p>
    </div>
    <h3>Tab2</h3>
    <div>
        <p>Hello World</p>
    </div>
    <h3>Tab3</h3>
    <div>
        <p>Hello World</p>
    </div>
    <h3>Results (<%=number%>)</h3> <!--This is the tab-->
    <div>
        <p>Hello World</p>
    </div>
</div>

1 个答案:

答案 0 :(得分:-2)

感谢大家的帮助。

我知道有数百人试图提供帮助,但在两次尝试提问后,我自己做了。我希望我不是天才,但你的损失是我的收获。如果您对我如何解决这个问题感兴趣,那么请看下面。

的jQuery

$Results = '<%=Session("Results")%>';

    if ($Results > 0) {
        $(function() {
            $( "#accordion" ).accordion({
                heightStyle: "content",
                collapsible: true,
                active: 4
            });
        });
     } else {
        $(function() {
            $( "#accordion" ).accordion({
                heightStyle: "content",
                collapsible: true,
                active: false
            });
        });
    }

HTML / ASP

<div id="accordion">
    <h3>Tab1</h3>
    <div>
        <p>Hello World</p>
    </div>
    <h3>Tab2</h3>
    <div>
        <p>Hello World</p>
    </div>
    <h3>Tab3</h3>
    <div>
        <p>Hello World</p>
    </div>
    <h3>Results (<%=Session("intResults")%>)</h3> <!--This is the tab-->
    <div>
        <p>Hello World</p>
    </div>
</div>