jQueryアニメーションを理解するのに役立つ記事

jQueryは、要素の表示と非表示を制御するためのデフォルトのアニメーションをいくつか提供しています: show() hide()
	要素の透明度を制御する fadeIn() fadeOut()
	要素の高さを制御する slideUp() slideDown()
	カスタムアニメーション animate()

 $("セレクタ").show([速度],[コールバック]);

$(関数() {
			$(".nav-ul li").on({"mouseover":function () {
					$(this).css("背景","ピンク")
				},"mouseout":関数（）{
					$(this).css("背景","#ff2832")
				}});
			$(".menu-btn").hover(関数() {
				$(this).next().show("高速")
			}、関数 （） {
				$(this).next().hide("遅い")
			})
		})

    $("セレクタ").fadeIn([速度],[コールバック]);
    $("セレクタ").fadeOut([速度],[コールバック]);

$(関数() {
		$("input[name='fadein_btn']").click(function () {
			$("img:eq(0)").fadeIn(500,function() {
				alert("フェードインに成功しました")
			})
		})
		$("input[name='fadeout_btn']").click(function () {
			$("img:eq(0)").fadeOut(1000,function() {
				alert("フェードアウトに成功しました")
			})
		})
	})

    $("セレクタ").slideUp([速度],[コールバック]);
    $("セレクタ").slideDown([速度],[コールバック]);