如何将鼠标悬停在元素上时隐藏文本'menu'

Question

我想在我的网站上隐藏一个文本悬停在'菜单'元素上，并在悬停结束时显示它。我该如何实现它?

Answer 1

<div class="hoverclass">text</div>

css

.hoverclass:hover{
  color: transparent;
}

Answer 2

    var el = $('#idOfElementTohideOnHover');
    $('#idOfMenuItem').hover(function(){
      el.hide();
    },function(){
      el.show();
    });

Answer 3

.menuItem:hover{
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}