Jquery mouseenter mouseleave
<p>i am begginer to jquery and have a simple problem..
I want to make list of posts from database..When i hover on heading its show hidden text..
Same like example on freelancers.com</p>

<p>This is my code..</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;link rel="stylesheet" type="text/css" href="index.css" /&gt;
&lt;script src="jquery.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt; 
    $(document).ready(function(){
        $("tr").mouseover(function(){
            $(".neparan").show(); 
        }); 
        $(".neparan").mouseleave(function(){ 
            $(".neparan").hide(); 
        }); 
    }); 
 &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;table border="1"&gt;
    &lt;?php 
    $host = "localhost";
    $user = "root";
    $lozinka = "";
    $baza = "jquery";
    mysql_connect($host, $user, $lozinka);
    mysql_select_db($baza);
    $upit = mysql_query("SELECT * FROM tekst");
    while ($red = mysql_fetch_array($upit)) { ?&gt;
        &lt;tr class="naslov"&gt;
            &lt;td&gt;
                &lt;?php echo $red["naslov"]; ?&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr class="neparan"&gt;
            &lt;td&gt;
                        &lt;?php echo $red["tekst"]; ?&gt;
            &lt;/td&gt;
            &lt;td&gt;
                            &lt;?php echo $red["naslov"]; ?&gt;
        &lt;/tr&gt;
                            &lt;?php echo "&lt;/br&gt;";

                   } ?&gt;
 &lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>And css file..</p>

<pre><code>.neparan {display:none;}

.naslov {color:red;}
</code></pre>

<p>Problem is that when I hover on tr all td is showing ...</p>
