在子div改变大小后，使周围的DIV平滑调整

Question

这将是漫长的......

好吧，所以我想要完成的是当子div改变时使外部div改变大小，但是改变当前是一个闪烁的动作，它从点“a”变为点“b”。

我解释的另一种方式：

• 原始尺寸：

内部div：300px乘300px

外部Div：300px乘500px

• 新维度：

内部div：300px乘400px

外部div：300px乘600px

当内部div时，它会强制外部div更改为新尺寸的高度。过渡发生的方式如下：

原始页面 - ＆gt;淡出当前内容 - ＆gt;加载新内容 - ＆gt;淡入新内容 - ＆gt;将外部尺寸轻弹到位

我试图让它像：

原始页面 - ＆gt;淡出当前内容 - ＆gt;使用动画调整外部尺寸 - ＆gt;加载新内容 - ＆gt;淡入新内容

代码

• jQuery

  $(this).click(function(){
      currentPageItem = $(this);
      elem = $(this).attr('id');
      view = 'views/' + elem + '.php';
      $('#content').fadeOut('slow', function() {
          $(this).hide();
          $(this).load(view, function() {
          $(this).fadeIn('slow');
      });
  });
  

Answer 1

将内部div的CSS设置为“height：100％;”。这样你只需要调整外部div的大小。

如果有一些细节我不理解，可能一个jsfiddle会有所帮助。