Question

我喜欢＆＃39;答案＆＃39;文字淡入。

<div id="div1" style="cursor: pointer;">Reveal</div>
<script>
$("#div1").click(function () {
$('#div1').fadeOut(1000,function(){ $(this).replaceWith("<span>ANSWER HERE</span>" ); });
});
</script>

Answer 1

我现在已经纠正了我的回答，请检查一下。

＆＃13;

$(document).ready(function() {
  $("#div1").click(function() {
    $(this).hide();
    $(this).text("finaly it answered .................");
    $(this).fadeIn(2000);
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1" style="cursor: pointer;">Reveal</div>

＆＃13;

Answer 2

试试这个：

HTML：

<div id="div1">Reveal</div>

CSS：

#div1
{
  cursor: pointer;
}

JQuery的

$("#div1").click(function () {
$('#div1').fadeOut(1000,function(){ $(this).replaceWith("<span>ANSWER HERE</span>" ); });
});

DEMO HERE

或

此处更新的FIDDLE文件DEMO HERE

Jquery动画替换，因此它消失了

2 个答案: