[jQUERY] zmiana css, czy ktoś znajdzie usterkę? Opcje

[shpaque]

Witam, chciałbym aby to zadziałało:

[XML] pobierz, plaintext 
<a href='./agencja.php'><div id="poznaj" style="position:absolute;text-align:center;" title="" class="poznaj">
<div id="poznaj_Container" style="width:1100px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<table style="position:absolute;left:150px;top:64px;width:800px;height:30px;z-index:2;" id="slogan">
<tr>
<td style="background-color:transparent;text-align:center;vertical-align:middle;height:30px;"><div class="text" style="line-height:15px;"><h5>S T R A T E G I A&nbsp;&nbsp; +&nbsp;&nbsp; T E C H N O L O G I A&nbsp;&nbsp; +&nbsp;&nbsp; K R E A T Y W N O Ś Ć</h5></div></td>
</tr>
</table>
</div>
</div><script type="text/javascript">
$(document).ready(function()
   {
      $('.poznaj').hover(function()
         {
            $('.text').css({"color": "#FFFFFF"});
            $('.text').css({"-webkit-transition": "color 500ms linear 0ms"});
            $('.text').css({"-moz-transition": "color 500ms linear 0ms"});
            $('.text').css({"-ms-transition": "color 500ms linear 0ms"});
            $('.text').css({"transition": "color 500ms linear 0ms"});
         },
      function()
         {
            $('.text').css({"color": "#787878"});
            $('.text').css({"-webkit-transition": "color 1000ms linear 0ms"});
            $('.text').css({"-moz-transition": "color 1000ms linear 0ms"});
            $('.text').css({"-ms-transition": "color 1000ms linear 0ms"});
            $('.text').css({"transition": "color 1000ms linear 0ms"});
         });
});
</script>
</a>
[XML] pobierz, plaintext 

czyli żeby po najechaniu na klasę "poznaj" zmienił się kolor tekstu w tabelce w komórce "text"


2 rzecz - jak zrobić żeby również zmieniła się treść?

[shpaque]

dzięki wielkie - i można? można, a nie jak czytałem gdzieś indziej "nie da się w css, trzeba w JS"... Mam już dosyć "onmouseover" i tak dalej... (IMG:style_emoticons/default/smile.gif)