Question

我们可以使用不透明度，高度，宽度，左侧和顶部以及jquery动画功能

$('#div').animate({
opacity : 1,
height  : 300, // You desired height.
width   : 400
});

$('#div').animate({
opacity : 1,
height  : 0,
width   : 0
});

如果有人有任何想法，请与我分享。感谢

Answer 1

是的，您可以将这些属性设置为动画。你编写的代码工作得很好，除非你可能不想立即执行另一个代码。

这是working example：

jQuery(function($) {

  $("#theButton").click(function() {
    var theDiv = $("#theDiv");
    if (theDiv.height() > 0) {
      theDiv.animate({
        opacity : 0,
        height  : 0,
        width   : 0
      });  
    }
    else {
      theDiv.animate({
        opacity : 1,
        height  : 300, // You desired height.
        width   : 400
      });  
    }
  });

  function display(msg) {
    $("<p>").html(msg).appendTo(document.body);
  }
});

旁注：我会强烈阻止您提供id“div”元素。这只是要求混淆。

Answer 2

我不明白为什么不。这样做：

$(selector).animate({opacity:0,height:'100px',width:'100px',left:'20px',top:'20px'},'slow');

示例：http://jsfiddle.net/6HF5z/

jquery动画功能选项，不透明度，高度，宽度，左侧和顶部在一起

2 个答案: