使内容与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

您也可以尝试隐藏你的所有列表项，但第一。我认为插件会自动使它们与动画一起可见。

添加到您的CSS

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

Answer 2

您需要的报价

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