JQuery .fadeIn()

1 개요

jQuery .show()

<style>
.box1 {
  display: none;
  width: 150px; height: 150px;
  background: red;
}
</style>

<button id='btn-show-box1'>박스 표시</button>
<div class='box1'></div>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function() {
  $("#btn-show-box1").click(function() {
    $(".box1").fadeIn();
  });
});
</script>

2 같이 보기

• jQuery .fadeOut()
• jQuery .fadeTo()
• jQuery .fadeToggle()
• jQuery .animate()
• jQuery .show()

3 참고

• http://api.jquery.com/fadeIn/