Home/ Questions/Q 7593275
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T21:07:42+00:00

i am begginer to jquery and have a simple problem.. I want to make

  • 0

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

This is my code..

<html>
<head>
<link rel="stylesheet" type="text/css" href="index.css" />
<script src="jquery.js"></script>
<script type="text/javascript"> 
    $(document).ready(function(){
        $("tr").mouseover(function(){
            $(".neparan").show(); 
        }); 
        $(".neparan").mouseleave(function(){ 
            $(".neparan").hide(); 
        }); 
    }); 
 </script>
</head>
<body>
<table border="1">
    <?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)) { ?>
        <tr class="naslov">
            <td>
                <?php echo $red["naslov"]; ?>
            </td>
        </tr>
        <tr class="neparan">
            <td>
                        <?php echo $red["tekst"]; ?>
            </td>
            <td>
                            <?php echo $red["naslov"]; ?>
        </tr>
                            <?php echo "</br>";

                   } ?>
 </tr>
</table>
</body>
</html>

And css file..

.neparan {display:none;}

.naslov {color:red;}

Problem is that when I hover on tr all td is showing …

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use of find() method will very likely help you get a better understanding of context with regard to searching for elements

    http://api.jquery.com/find/

    $(document).ready(function() {
    $("tr").mouseover(function() {

        /* "this" refers to row being hovered*/                    
        $(this).find(".neparan").show(); 
    });
    $(".neparan").mouseleave(function() { 
        $(this).find(".neparan").hide(); 
    }); 
});
    • 0