1

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

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

2 回答 2

3

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

尝试这样的事情：

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

JSFiddle

于 2013-10-30T08:58:41.777 回答
0

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

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

见工作小提琴

于 2013-10-30T08:59:54.367 回答