Question

I am building a Dashboard app in asp.net. I have placed 3 input buttons inside a div tag. When a user is moused over a table cell I would like for the buttons to show. How can I accomplish this using .css, javascript or jQuery?

My HTML looks like this:

<td id="bold_cell1" valign="top" width="33%" Height="33%">
    <div id="buttonBlock">
        <input type="button" id="btnAdd" value="Add" style="font-size:8px" />
        <input type="button" id="btnEdit" value="Edit" style="font-size:8px" />
        <input type="button" id="btnDelete" value="Delete" style="font-size:8px" />
    </div>
</td>

Thanks

Answer 1

The old-fashioned way: CSS:

#buttonBlock input{
   display:none;
}
#bold_cell1:hover #buttonBlock input{
   display:block;
}

demo link