使用jQuery使内容可见

Question

我正试图在我的网站上显示一个滑动横幅。我正在使用featurify.js (http://spreadthesource.com/sandbox/featurify/)来实现这一点。

问题是，当html页面第一次加载时，它会在页面上显示我的所有列表项。jquery在那之后生效，然后它消失了，我看到了滑动横幅。

为了解决这个问题，我将html div设置为display:none，然后在jquery中使用show()。但这对我不起作用。这是它的代码。

http://jsfiddle.net/UU5Kj

html:
    <div id="features">
        <ul>
            <li>Discover success </li>
            <li>Keeping pace with latest technology</li>
            <li>Employee owned</li>
            <ul>
    </div>

CSS:
    #features {
        color:#a60000;
        font-size:2.25em;
        padding:1.25em;
        display:none;
    }

JS:
    $(#features).show();

另外，如果有人能为我提供解决这个问题的替代方法，那就太好了。

Answer 1

您也可以尝试隐藏除第一个列表项之外的所有列表项。我认为插件会自动使它们在动画中可见。

将此代码添加到CSS中

#features ul li:not(:first-child) {
    display: none;
}

Answer 2

你需要引用

$('#features').show();