jQuery 父子动画

Question

我的代码是这样的，它没有按预期工作。

function urSizeUp() {
 $('#someDiv', '#someDiv > div').animate({
  'width': '400px',
  'height': '100px'
 }, 500);
}

$('#someDiv').hover(urSizeUp);

事情是为父元素和子元素设置宽度和高度的动画。是否可以一次完成，还是我必须编写另一个函数？

这是一个fiddle。

请注意，如果您从两个函数中删除第二个（或第一个）选择器，它会起作用。

Answer 1

选择器中的引号太多了：

function urSizeUp() {

$('#someDiv, #someDiv > div').animate({'width': 400, 'height': 100}, 500);
}

$('#someDiv').hover(urSizeUp);

编辑 - 一开始没看到 fiddle...

jQuery parent and child animate