使內容與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();