Jquery 悬停时显示在div上方

我有两个div，在页脚配置中。 目的是在悬停时，通过显示隐藏的div向上扩展页脚

#扩展页脚，
#试验{
显示：无；
}
#标准页脚：悬停~#扩展页脚，
#standardFooter:悬停测试{
显示：块；
}

它不起作用：(
盘旋我
给我看

如果更改标记，您可以实现这一点，因为CSS是树方向的（层叠），所以对于兄弟姐妹或父级都不会上升

并使用

位置：相对/绝对

部分{
职位：相对
}
#扩展页脚，
#试验{
显示：无；
}
#标准页脚：悬停~#扩展页脚，
#standardFooter:悬停测试{
显示：块；
}
#扩展页脚{
位置：绝对位置；
排名：0
}
#标准页脚{
位置：绝对位置；
顶部：20px
}
#试验{
位置：绝对位置；
顶部：40px
}

盘旋我
它不起作用：(
给我看

如果更改标记，您可以实现这一点，因为CSS是树方向的（层叠），所以对于兄弟姐妹或父级都不会上升

并使用

位置：相对/绝对

部分{
职位：相对
}
#扩展页脚，
#试验{
显示：无；
}
#标准页脚：悬停~#扩展页脚，
#standardFooter:悬停测试{
显示：块；
}
#扩展页脚{
位置：绝对位置；
排名：0
}
#标准页脚{
位置：绝对位置；
顶部：20px
}
#试验{
位置：绝对位置；
顶部：40px
}

盘旋我
它不起作用：(
给我看

您只能将CSS同级选择器与后面的元素一起使用，而不能在DOM之前或之后使用

您可以只添加一个父级，然后在悬停父级时触发隐藏元素以显示

.item:not（：第n个子项（2））{
显示：无；
}
.col:hover.item{
显示：块；
}

它不起作用：(
盘旋我
给我看

您只能将CSS同级选择器与后面的元素一起使用，而不能在DOM之前或之后使用

您可以只添加一个父级，然后在悬停父级时触发隐藏元素以显示

.item:not（：第n个子项（2））{
显示：无；
}
.col:hover.item{
显示：块；
}

它不起作用：(
盘旋我
给我看

您可以更改HTML吗？当然，有一个约束条件：-#standardFooter是一个页脚（底部：0px），其高度在设计时未知。您可以更改HTML吗？当然，有一个约束条件：-#standardFooter是一个页脚（底部：0px），其高度在设计时未知。保持正常流量为最佳…+1保持正常流量为最佳…+1