[JQuery] jquery를 이용해 dom을 보이게/안보이게 하는 효과

$('#tab01').hide();                            //id가 tab01인 dom을 안보이게한다.

$('#tab01').show();                            //보이게한다.

$('#tab02').css('display', 'none');    //id가 tab02인 dom의 style display를 none으로 한다.

$('#tab02').css('display', 'block');   //보이게한다.

 

$('#tab03').fadeOut(3000);                //id가 tab03인 dom을 서서히 사라지게 한다.

$('#tab03').fadeIn(3000);                    //서서히 보이게 한다.