$(document).ready(function(){
$('#box1 button').eq(0).click(()=>{
$('#box1 .inbox').show(1000);
});
$('#box1 button').eq(1).click(()=>{
$('#box1 .inbox').hide(1000);
});
$('#box1 button').eq(2).click(()=>{
$('#box1 .inbox').toggle("fast","swing");
});
$('#box2 button').eq(0).click(()=>{
$('#box2 .inbox').slideDown("fast",'swing');
});
$('#box2 button').eq(1).click(()=>{
$('#box2 .inbox').slideUp("slow","swing");
});
$('#box2 button').eq(2).click(()=>{
$('#box2 .inbox').slideToggle(600,"linear");
});
$('#box3 button').eq(0).click(()=>{
$('#box3 .inbox').fadeIn(1000);
});
$('#box3 button').eq(1).click(()=>{
$('#box3 .inbox').fadeOut(1000);
});
$('#box3 button').eq(2).click(()=>{
$('#box3 .inbox').fadeToggle("fast","swing",function(){
if($(this).css('display') ==='none'){
$(this).text('js').css({backgroundColor : 'yellow'});
} else{
$(this).text('query').css({backgroundColor : 'orange'});
}
});
});
});
크게 show, slide, fade