title: Jquery mouseenter mouseleave
body: <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>