removeclass - 淡出并删除

Question

如何淡出以下内容？它也需要完全删除，不仅是 alpha 0，而且在淡出后显示：无和可见性：隐藏。

小提琴：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中删除元素。这是一个工作小提琴。让我知道这是否有帮助或您有任何问题:)

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