jQuery CSSで「display: none;」を設定したものをhoverイベントで再表示

■CSSのdisplayプロパティ

display: none;　要素を隠すことができる

■hoverイベント

$('セレクタ').hover(function(){マウスをのせた時の処理}, function(){マウスをはずした時の処理});
要素にマウスが乗った時、外れた時に指定した処理を行うイベント

■function　~復習~

イベントを用いて、ある処理を行うタイミングを設定

$('セレクタ').イベント名(function(){ イベント発生時に実行したい処理 });

■メソッド

・showメソッド
　　$('セレクタ').show();　…隠れた要素を表示する

・hideメソッド
　　$('セレクタ').show();　…要素を隠す
・fadeOutメソッド・slideUpメソッド

　　$('セレクタ').fadeOut(速度);

　　$('セレクタ').slideUp(速度);

　　　　　　…要素を隠す際に、アニメーションを付けることができる

・fadeInメソッド・slideDownメソッド

　　$('セレクタ').fadeIn(速度);

　　$('セレクタ').slideDown(速度);

　　　　　　…アニメーション付きで隠れた要素を表示

~復習~

$ ( ' セレクタ ' ). メソッド（引数); 

　　　　何を          　　　どうするか

組み合わせると･･･

css

 <h1>組み合わせてみよう</h1>

jQuery

$(function() {
 $('h1').hover(
  function(){
    $('.language-text').fadeIn();
  },
function(){
  $('.language-text').fadeOut();
}
);
});