function dispop2()
{
document.getElementById('Pop').style.display = 'none';
document.getElementById('Pop2').style.display = 'block';

document.getElementById("control").style.marginTop=one1+"px";
document.getElementById("control2").style.marginTop=two1+"px";
}

이렇게 display가 none이되고 block이 되는대요~
저렇게 css가 적용될때
팍팍 바뀌게 되잖아요~

팍팍 바뀌게 말고 스멀스멀~천천히 바뀌는 방법은 뭐가 잇을까요?

jquery 말고 저렇게 해서도 되나요?