Question

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

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

Answer 1

试试这个：

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

Answer 2

您最好使用Jquery animate function

进行尝试

等：

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

Answer 3

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

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

jQuery：slideDown无法正常工作

3 个答案: