jQuery父和子动画

时间:2015-04-10 22:59:43

标签: jquery jquery-animate parent children

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

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

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

要为父元素和子元素设置宽度和高度的动画。 是可以立刻做,还是我必须写另一个功能?

修改

这是fiddle

请注意,如果从它运行的两个函数中删除第二个(或第一个)选择器。

1 个答案:

答案 0 :(得分:0)

选择器中有太多引号:

function urSizeUp() {

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

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

http://codepen.io/anon/pen/xboWoZ

编辑 - 起初没有看到小提琴......

https://jsfiddle.net/50e1ohgk/1/