Can I make a div appear by hovering over something

[CavemanUK]

UPDATE: I have solved the problem. Thanks anyway..

should have used the search! if you have same problem, try here https://forums.macrumors.com/threads/880413/




Hi,

Im making a database type website for myself and I have a list of customers that i want to manipulate. Im trying to make options buttons appear when you hover over a specific customer. This is similar to facebook where you hover over a post and a hide button appears.

is this possible in css or javascript? anyone got a tutorial or tip on how to do it..

here is a chunk of my code for you to get better idea what i mean..

<ul id='jobslist'>
	<?php
	while($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
		
		
		$customername = $row['jobCustTitle']." ".$row['jobCustSurname'];
   
   		
   			$jobnum = $row['job_id'];
   			$statusquery="SELECT * FROM JobStatusTypes WHERE jobstatustype_id='".sanitize($row['jobStatus'])."'";
			$statusresult= mysql_query($statusquery);
			$statusdetails = mysql_fetch_array($statusresult, MYSQL_ASSOC);
   	
?>
		
		<li onclick="location.href='http://localhost:8888/jobs/job_edit.php?JobID=<?php echo $jobnum;?>';" style="cursor:pointer;">
		<span class='jobnumber'><?php echo $jobnum;?></span>
		<span class='customer'><?php echo croptext($customername,21,"...");?></span>
		<span class='town'><?php echo $row['jobTown'];?></span>
		<span class='equipment'><?php echo "[".$row['jobEquipmentType']."] ".$row['jobEquipmentMake']." ".$row['jobEquipmentModel'];?></span>
		
		<span class='jobstatus'><?php echo strtoupper($statusdetails['jobstatustype_name']);?></span>
		<p><?php echo croptext($row['jobDescription'],210,"...");?></p>
		
		
		<span class='commandlist'>
			<a href="../jobs/job_edit.php?JobID=<?php echo $jobnum;?>">edit</a> | 
			<a href=".">print</a> |
			<a href=".">send</a> |
			
			<a href=".">return</a>
		</span>
	</li>
	

	
	<?php
}
?>
</ul>

as you can see, the <span> called 'commandlist' has my options.. I would like them to be invisible until i hover over that specific entry. The Idea being to de-clutter the site and do something that looks kinda cool!