Question

我如何淡出以下内容？它也需要完全删除，不仅仅是alpha 0，还要显示：none和visibility：淡出后隐藏。

FIDDLE：http://jsfiddle.net/fourroses666/ywMUx/2/

JS：

<script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
  $('.go-away').click(function() {
      $('.message').removeClass('show');
  });
</script>

的CSS：

<style>
  .message{display:none; visibility:hidden;}
  .message.show{display:block; visibility:visible;}
  .go-away{float:right; cursor:pointer; cursor:hand;}
</style>

HTML：

<div class="message show">Pizza is nice! <div class="go-away">x</div></div>

Answer 1

试试这个

$('.go-away').click(function() {
    $(this).parent().fadeOut();
});

Answer 2

fadeOut使其不可见，400是淡出多少毫秒，然后function() { $(this).remove() }是将删除的回调函数（在fadeOut动画完成后调用）来自DOM的元素。这是一个有效的fiddle。如果这有帮助或者您有任何疑问，请告诉我们。）

  $('.go-away').click(function() {
      $('.message').fadeOut(400, function() {
          $(this).remove();
      });
  });

淡出并删除<div> </div>

2 个答案: