jQuery Effects

• 나타내기
  • .show()
  • .slideDown()
  • .fadeIn()
• 숨기기
  • .hide()
  • .slideUp()
  • .fadeOut()
• .toggle() : 클릭할때마다 나타내고 숨기기

$('#show').click(function(){
    //show()
    $('#result').show();
    //fadeIn()
    $('#result').fadeIn(200);
    //sldieDown
    $('#result').slideDown();
    //css잡아주기
    $('#result').show(2000,function(){
        $(this).find('p')
            .css('color','red')
            .show();
    });

https://api.jquery.com/category/effects/