如何隐藏空手风琴内容?

时间:2013-04-07 19:25:16

标签: jquery html jquery-ui

我正在使用ASP.NET C#环境编写页面。我有7个类别,显示在jQuery UI Accordion小部件中。换句话说,我有7个标签。

每个手风琴内容均来自DB。

有时候某些类别是空的。所以我想隐藏空类别。

我的头像包含以下代码:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script>
    $(function () {
        $("#accordion").accordion({
            collapsible: true, 
            heightStyle: "content", 
            active: false
        });
    });
</script>

身体有那些:

<div id="accordion">
            <h3>
                <span id="a" runat="server"></span>
            </h3>
            <div>
                <span id="atifa" runat="server"></span>
            </div>
            <h3>
                <span id="b" runat="server"></span>
            </h3>
            <div>
                <span id="atifb" runat="server"></span>
            </div>
            <h3>
                <span id="c" runat="server"></span>
            </h3>
            <div>
                <span id="atifc" runat="server"></span>
            </div>
            <h3>
                <span id="d" runat="server"></span>
            </h3>
            <div>
                <span id="atifd" runat="server"></span>
            </div>
            <h3>
                <span id="e" runat="server"></span>
            </h3>
            <div>
                <span id="atife" runat="server"></span>
            </div>
            <h3>
                <span id="f" runat="server"></span>
            </h3>
            <div>
                <span id="atiff" runat="server"></span>
            </div>
            <h3>
                <span id="g" runat="server"></span>
            </h3>
            <div>
                <span id="atifg" runat="server"></span>
            </div>
        </div>

根据记录的属性,某些类别从数据库中清空。 我不希望显示空类别。 问候。

2 个答案:

答案 0 :(得分:2)

试试这个:

var $span = $("#accordion_atiflar > div > span:empty");
$span.parent('div').hide();
$span.parent('div').prev('h3').hide();

答案 1 :(得分:0)

因为你在asp.net中工作,所以你不能渲染空的Accordion标签。您将向客户端传输较少的数据,并且简单的检查非常快,因此不会出现性能问题