Question

这是我的代码..我想申请淡入淡出我做了如下，但淡出不适用

<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>

Answer 1

您当前的代码会附加新div，然后尝试淡入#accCnt - 这不会起作用，因为当然，这已经可见了。将您的新div放入jQuery集合（$()），然后在其上调用fadeIn()。

尝试这样的事情：

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

JSFiddle

Answer 2

如果您想淡化新创建的div，最好使用以下语法：

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

请参阅working fiddle

FadeIn（）不适用于我的代码

2 个答案: