Hvordan animerer jeg dette billede/div

Hejsa,

Jeg har nogen billeder på forsiden af en webshop, som jeg har lavet en meget lille animation til (opacity onmouseover).

Det ser således ud:

 $(function() {
             $('.IndeximgOpa').each(function() {
                 $(this).hover(
                     function() {
                         $(this).stop().animate({ opacity: 1.0 }, 500);
                     },
                    function() {
                        $(this).stop().animate({ opacity: 0.70 }, 500);
                    })
                 });
         });

Elementet der animeres er pakket ind i flg HTML:

 <div class="index_top_left_img">
 <img src="products/wrangler-jeans.gif" width="198" class="IndeximgOpa" />
 <div class="info_div">TEST...</div>
 </div>

Det jeg gerne vil opnå er at når animationen er færdig, dvs når billedet vises med opacity 1.0 - Så vil jeg gerne lave det sådan at den div lige under billedet, animeres ind. <div class="info_div">TEST...</div>

Dvs. så den slides op fra bunden af billedet, og vises først med f.eks. opacity 0.1 og ender på f.eks. 0.8.

Samt at den forsvinder onmouseout.

Inde i den div er det så meningen at jeg vil have lidt beskrivende produkt information.

Men jeg er et fjols til at bruge JQuery, og Javascript, for at være ærlig.

Jeg har forsøgt med følgende men det virker ikke:

 $(function() {
             $('.IndeximgOpa').each(function() {
                 $(this).hover(
                     function() {
                         $(this).stop().animate({ opacity: 1.0 }, 500);
                     },
                    function() {
                        $(this).stop().animate({ opacity: 0.70 }, 500);
                    })
                 });
         });
 $('.index_top_left_img').hover(
      function() { // over
         $(this).find('.info_div').slideUp();
      },
      function() { // out
         $(this).find('.info_div').slideDown();
      }
 );

Hvordan kan de to funktioner integreres, så den div boksen (<div class="info_div">TEST...</div> "ruller op", fra bunden af billedet efter det er animeret helt færdigt?

Håber der er en eller flere JQuery folk der kan se det.