javascript - jQuery：slideDown 无法正常工作

Question

  function getRightCol(){
$('#right-col').slideDown(200).removeClass('hidden');
};

通过单击链接调用此函数 - 以便显示右列。我之前尝试添加一些动画类，但我更喜欢使用 javascripts，因为旧版浏览器不支持 css3。所以我决定使用jQuery来添加一些效果，让用户感觉更舒服。那么，为什么我的#right-col 没有滑下来？我的功能有什么问题？我需要用.on('click')-function来做吗？

Answer 1

试试这个：

$("#btn").on("click", function(){
    $('#right-col').slideDown(200).removeClass('hidden');   
});

Answer 2

你最好用Jquery animate 函数试试

ETC：

 $("div").animate({
    left:'250px',
    opacity:'0.5',
    height:'150px',
    width:'150px'
  });

Answer 3

您不能以这种方式链接它，您必须在动画完成后将类作为回调删除：

function getRightCol(){
    $('#right-col').slideDown(200, function () {
       $(this).removeClass('hidden');
    });
};