使用jQuery使内容可见

Question

我想在我的网站上显示一个滑动横幅。我正在使用featurify.js（http://spreadthesource.com/sandbox/featurify/）来实现它。

问题在于，当首次加载html页面时，它会在页面上显示我的每个列表项。 jquery在那之后生效，然后它就消失了，我看到了滑动横幅。

我尝试通过使我的html div显示：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

你需要引号

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

Answer 2

您也可以尝试隐藏所有列表项，但第一项。我认为插件会自动通过动画显示它们。

将此添加到您的CSS

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