Phương thức fadeOut và fadeIn trong jQuery

Các phương thức fadeOut và fadeIn thực hiện việc làm mờ dần để ẩn và hiện phần tử một cách mượt mà.

Hãy lấy mã HTML sau:

html<button id="hide">ẩn</button>
<button id="show">hiện</button>
<div id="elem">văn bản...</div>

Đối với mã này, CSS sau đã được viết:

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

Bây giờ hãy triển khai các phương thức fadeOut và fadeIn:

javascript$('#hide').click(function() {
  $('#elem').fadeOut(1000);
});

$('#show').click(function() {
  $('#elem').fadeIn(1000);
});