jquery - 使用 jQuery 动画改变隐藏的 div 宽度

Question

几天来我一直在努力让它发挥作用。

基本上我有一个 div Option1Div 和一个 id 为 Option1 的图像，当您单击图像时，它应该将 div 从 Hidden 到 Visible，并将宽度从 0 更改为 500px，但到目前为止没有任何反应。

$('#Option1').click(function() {
  $('#Option1Div').animate({
    opacity: 0.25,
    width: "500 px"
  }, 5000, function() {
    // Animation complete.
  });
});

Answer 1

如果您的 div 有 display:none，您必须首先使其可见，因为显示与不透明度无关。
尝试:

$('#Option1').click(function() {
    $('#Option1Div').css({'display':'block','opacity':0}).animate({
        opacity: 0.25,
        width: "500 px"
    }, 5000, function() {
        // Animation complete.
    });
});