使用jquery单击事件淡入隐藏文本

fading in hidden text using jquery on click event?

本文关键字：隐藏 文本 淡入 事件 jquery 单击 使用      更新时间：2024-02-23

im试图在.example元素中淡入，该元素使用隐藏

.example {
    display: none;
 }

javascript：

$('.clickme').click( function() {
   .....
   ....
 $el.html(html).children().hide().each(function(i, e){
    if($(this).hasClass('special')){
      $(this).delay(i*600).show(0);
      animateDiv(e.id);
    }
    else{
        $(this).delay(i*600).fadeIn(900); // the problem is here its not fading in
    }

工作示例如下：http://jsfiddle.net/6czap/19/

我似乎发现了问题所在，我在没有点击事件的情况下尝试过，它很有效。

更改.examplediv.的内容后添加.show（）

$el.html(html).show()...

工作示例

您需要从div中删除example类，否则它将永远不会显示内容。请参阅更新的jsFiddle。

$el.removeClass("example").html(html).children().hide().each(...)
相关文章：