mouseover event similar to buttons on bottom of questions on this website
<p>Ok,</p>

<p>Firstly, if you click on the questions link at the top of this page, each question has some buttons at the bottom that pertain to the question. when you mouseover them it shows more about the button. How is this done? I want to do this on my site.</p>

<p>So basically, i am using a php while loop to echo listitems's queried from a users id in mysql.
each listitem contains some more block and inline elements. some of those block elements have onmouseover/mouseout events attached to them. yet if i use the same class name on those elements, when i trigger a mouseover, it triggers every element with that class name. I am new to php / js / jquery, and not sure on the best way to go about it.  any help would be grand. Example below.</p>

<pre><code>&lt;ul class="ulclass"&gt;
  &lt;?php
    $link = mysql_query("SELECT * FROM table WHERE id='".$_SESSION['id']."' ORDER BY lid");
    $i = 1;
    while ($row=mysql_fetch_assoc($link)) {
      $ico = $row['url'];
      echo '
        &lt;li&gt;
          &lt;a href="'.$row['url'].'" target="_blank" &gt;
            &lt;div class="title"&gt;'.$row['title'].'&lt;/div&gt;
          &lt;/a&gt;
          &lt;div onclick="/*here i want to change the next div.css display to block*/"&gt;
            &lt;img src="something.png" class="something_img"/&gt;
            &lt;div class="drop_menu" id="drop_menu'.$i.'" 
                  onmouseout="t=setTimeout(\'/*here i want to change this div.
                                     css display back to none*/\',300);" &gt;
              &lt;form method="post" action="" onmouseover="clearTimeout(t);"&gt;
                &lt;input type="hidden" name="deletetitle" value="'.$row['hash'].'"/&gt;
                &lt;input type="submit" class="" name="delete" value="x"/&gt;
              &lt;/form&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/li&gt;';
      $i++;
    }
    ?&gt;
&lt;/ul&gt;
</code></pre>
