html 悬停（マウスオーバー时に対象を表示して，离すと表示を消す）

Posted 2021-05-10

#txt {
  display: none;
}

$(function() {
  // hover処理
  $('#hidden_txt').hover(
    
    function(){
    $('#txt').fadeIn();
  },
   function(){
   $('#txt').fadeOut(); 
  });
});

<div id="hidden_txt">
  <div id="on">ここにホバー</div>
  <div id="txt">
    <p>テキスト テキスト テキスト</p>
  </div>
</div>