Jsf 仅当鼠标滑过某个区域时显示一段文本

只有当鼠标位于

面板

区域上时，我才需要显示

输出文本

组件。我怎样才能做到这一点

---

我尝试在

面板上的
onmouseover
事件中使用
show（）
和
hide（）
js函数，但未能获得结果。
如果我理解正确的话

<script>
         $(document).ready(function(){
        $("#something").mouseover(function (){
          $("#myText").show();
        })
         $("#something").mouseout(function (){
          $("#myText").hide();
        }
     )}
     );


$（文档）.ready（函数（）{
$（“#某物”）.mouseover（函数（）{
$（“#myText”）.show（）；
})
$（“#某物”）.mouseout（函数（）{
$（“#myText”）.hide（）；
}
)}
);

你的小组呢

  <p:panel id="something" >
          <h:outputText id="myText" styleClass="hidden" value="hi i am hidden when is mouse is somewhere"/>
       </p:panel>