jQuery在淡入淡出时显示/隐藏内容
我用jQuery显示/隐藏功能挣扎了一下。
有两个jsfiddles非常接近我想要的，但无法弄清楚最后一块。
http://jsfiddle.net/bwilkins/np8qD/ - 借用（NeaWm）
除了我不能在我的布局中使用绝对定位之外，这是一个完美的选择。 我需要相对定位。 当我这样做时，由于我认为容器问题导致DIV弹跳。 任何线索如何解决这个问题？
.animalcontent {
position:absolute;
top:100px;
}
p.animal {display:inline-block;padding-right:20px;}
另一个几乎适合我的jsfiddle是：
http://jsfiddle.net/YdPm5/40/
除了我真的希望将显示/隐藏转换为类似淡入淡出的效果以外，这一点非常完美。
如果我可以在没有绝对定位的情况下淡出，任何一种解决方案都可以。 我感谢任何帮助。
使用这样的东西：
$('#item-wrapper a').mouseenter(function () {
console.log($(this).data('panel'));
if ($(this).data('panel')) {
$('.panel').hide();
$('#' + $(this).data('panel')).fadeIn();
}
});
$('#item-wrapper').mouseleave(function () {
$('.panel').fadeOut();
});
在这里工作的小提琴：http://jsfiddle.net/robertrozas/YdPm5/47/
像这样？ 你可以使用fadeIn（time）和fadeOut（time）
[http://jsfiddle.net/YdPm5/46/][1]
[1]: http://jsfiddle.net/YdPm5/46/
我只是将一些动画调用改为淡入淡出，请参阅jsFiddle：http://jsfiddle.net/YdPm5/49/
$('#item-wrapper a').mouseenter(function () {
console.log($(this).data('panel'));
if ($(this).data('panel')) {
$('.panel').hide();
$('#' + $(this).data('panel')).fadeIn();
}
});
$('#item-wrapper').mouseleave(function () {
$('.panel').fadeOut();
});