3个div，主div作为图像，1个覆盖标题-顶部，另一个覆盖描述底部JQuery

我有一个初始阶段必须是什么的示例图像：

正如你所看到的，我在一个div中有一个主图像作为背景：宽度和高度100%

标题div-顶部图像div的覆盖

描述div-另一个覆盖在底部的图像div上

我要寻找的是：一旦我将鼠标悬停在iamge is的任何部分上，title div就会滑出视图，description div就会滑出视图

有没有人找到这种jQuery结构的解决方案

---

提前谢谢。

我给你做了一个小礼物

jQuery代码是：

$(document).ready(function(){

    $("#img").hover(
      function () {
      $("#title").animate({"top":"-50px"},500);
      $("#desc").animate({"bottom":"-50px"},500);
  },
  function () {
      $("#title").animate({"top":"0px"},500);
      $("#desc").animate({"bottom":"0px"},500);
  }
  );

});

---

我给你做了一个小礼物

jQuery代码是：

$(document).ready(function(){

    $("#img").hover(
      function () {
      $("#title").animate({"top":"-50px"},500);
      $("#desc").animate({"bottom":"-50px"},500);
  },
  function () {
      $("#title").animate({"top":"0px"},500);
      $("#desc").animate({"bottom":"0px"},500);
  }
  );

});