jquery - What is the best way to toggle the visibilty of an image without "pushing" other elements over? -
I have a web page that has an image inside a cell cell that I only want to show when you have a cell .
The problem I have is that when the image is shown, the second text "push" on the left (because the default position is visible: none). I'm looking for a solution that
in a table cell, I have an image that is using the code at the top right:
& Lt; Td class = "tableCell" & gt; & Lt; This course is based on the following criteria:> Pre> Here is the CSS that creates the cell menu image at the top right.
.cellMenu {display: none; float: right; cursor: indicator;} and I'm just trying to show this tool when you hover over the cell.
$ ('tableCell'). Live ('hover', function ( } {$ (This) .toggleClass ("hover"). (".leamenu"). Toggle ();}); This works but when the images are "a bunch "Other text which is shown in all the center combinations" And walks. What is the right way to avoid having this step so much that the image is shown only and nothing can run?
Do this without jQuery:
.cellMenu img {opacity} : 0; float right; Cursor: indicator; } .cellMenu: Hover IMG {Opacity: 1; } one added
Comments
Post a Comment