淡入（）不適用於我的代碼

這裏是我的代碼..我想申請褪色我做到了像下面，但褪色不適用淡入（）不適用於我的代碼

<script type="text/javascript"> 
    $(document).ready(function(){ 

     var i = 1; 

     $('#accLink').click(function(){ 

      if(i<=3){ 
      $('#accCnt').append('<div>hello Testing</div>').fadeIn(100); 
      } 

      i = i+1 

     }); 
    }); 
    </script> 
    <body> 
     <div class="accordion"> <a href="#" id="accLink" class="accHd">Home</a> 
      <div id="accCnt"> Div Content 1<br> 
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod 
      tincidunt ut laoreet dolore magna aliquam erat volutpat. 
      </div> 
     </div> 
    </body>

來源

2013-10-30 Nafeez

我thnk最初，您需要將您正在消失的div的樣式設置爲visibi ility：隱藏，顯示：無，或使用jQuery的hide（）的函數淡入使用 – lharby

同樣的方式thanku – Nafeez

您當前的代碼追加新的div，然後嘗試褪色在#accCnt - 這是不會工作，因爲，當然，這已經可見。將您的新div放入jQuery集合（$()）中，然後調用fadeIn()。

嘗試是這樣的：

$('#accCnt').append($('<div>hello Testing</div>').fadeIn(100));

JSFiddle

來源

2013-10-30 08:58:41 George

及其著作..感謝解釋，並幫助 – Nafeez

@Nafeez高興有幫助š烏爾萊特M之前，請記得接受解決你的問題的答案。 – George

如果你想淡出你的新創建的div你更好的使用這個語法：

$('<div>hello Testing</div>').hide().appendTo('#accCnt').fadeIn(100);

見working fiddle

來源

2013-10-30 08:59:54 Nelson

雅我想這是一個gud的方式..它的工作在我的代碼以及thanku – Nafeez

淡入（）不適用於我的代碼

回答

相關問題