[jQuery]슬라이드

jQuery를 통해 슬라이드 효과를  배워보게씁니다!

 

slideDown()메소드

 

요소를 아래로 내리는데 사용됩니다.

 

$(selector).slideDown(speed,callback);

 

$("#flip").click(function(){
    $("#panel").slideDown();
});

직접해보기

 

 

 

 

 

slideUp()메소드

 

요소를 위로 밀어 올리는데 사용됩니다.

 

$(selector).slideUp(speed,callback);

 

$("#flip").click(function(){
    $("#panel").slideUp();
});

 

 

slideToggle()메소드

 

slideDown() 및 slideUp() 메서드를 반복합니다.

 

$(selector).slideToggle(speed,callback);

 

$("#flip").click(function(){
    $("#panel").slideToggle();
});

 

출처:https://www.w3schools.com/jquery