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

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

4

3 回答 3

0

试试这个:

$("#btn").on("click", function(){
    $('#right-col').slideDown(200).removeClass('hidden');   
});
于 2013-10-18T09:11:51.160 回答
0

你最好用Jquery animate 函数试试

ETC:

 $("div").animate({
    left:'250px',
    opacity:'0.5',
    height:'150px',
    width:'150px'
  });
于 2013-10-18T09:12:54.943 回答
0

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

function getRightCol(){
    $('#right-col').slideDown(200, function () {
       $(this).removeClass('hidden');
    });
};
于 2013-10-18T09:19:20.850 回答