Javascript ：区域悬停事件和更改上分区

所以这个标题很奇怪，所以我会尽力解释我自己

我想使用

：悬停
。我正在尝试创建一个文本和图片的幻灯片，当你将文本悬停时，会显示更多文本，第一个文本会上升

现在的问题是：

我想在悬停其中一个子文本/id时，将
：hover
指向上方的div。我想更改“ShortText”属性（删除文本留下的背景）
当我使用它的文字变得跳跃，因为我改变了文字的位置，使其更高，所以当试图移动鼠标在div（它有背景，所以我可以在该地区）所有的文字跳上跳下
当鼠标悬停时，我希望背景向下移动文本的上升量，尝试使用填充/边距，但它移动了需要向下显示的文本。
我认为它与2号有关，但我不确定
希望我是清楚的，我的代码显示我想做什么，我需要改变它，因为该网站将在一个不同的语言

如果需要，我会照样复制代码。正在尝试上载网站，以便您能够看到它

如果需要，可以使用Jquery/JS


#短文本{
位置：绝对位置；
背景色：rgba（255、255、255、.6）；
}
#第一秒，第二秒，第三秒{
显示：无；
位置：绝对位置；
}
#第一主：悬停{
位置：相对位置；
顶部：-200px；
背景色：rgba（255、255、255、.6）；
垫底：200px
}
#FirstMain:悬停+#FirstSecond{
位置：相对位置；
顶部：-300px；
显示：内联块；
背景尺寸：自动；
背景色：rgba（255、255、255、.6）；
}

弗斯特
悬停
第二
悬停
第三
悬停
当“First”悬停时会发生什么？我希望它上升x像素，然后将背景大小更改为下降到图片的开头，然后在“FirstMain”下显示“FirstSecond”和“FirstMain”的背景之前的悬停将被删除，直到鼠标离开希望我是明确的没有正确解释预期结果。“然后将背景大小更改为图片的开头”什么是“图片”？正如我所说的，这是幻灯片的一部分，文本（此处的代码）在图片上，背景更改，比如说，如果我将文本设置为图片高度的50%，背景大小将降低50%（从文本上方一点到图片边缘）你应该看看这些例子，这些例子由codrops的帅哥靓女们提供：实际上你应该将该网站加入书签，每周访问一次：-）你会受到启发：-）