How to make div invisible to still able to click?

Question

How to make div invisible to still able to click? display hidden or hide() will make it disappear but I want user still able to click it, as i put it on top of another object

Answer 1

You could set its opacity to 0 . The opacity can be animated using animate :

$('#mydiv').animate({opacity: 0});

Answer 2

If the <div/> does not contain any contents, you could:

#mydiv {
  background-color: transparent;
  height: 50px;
  width: 50px;
}

See the CSS2.1 property background-color

Answer 3

Maybe you'd like to use opacity:0; or visibility:hidden; :

.element {
  opacity:0;
}

or:

.element {
  visibility:hidden;
}

Hope it works! Good luck!