回答受付が終了しました

現在、jqueryを書いています。下記のコードまで書きましたがアニメーションが付け加えたことになりません。どのようなミスがあるのでしょうか?

JavaScript | プログラミング37閲覧xmlns="http://www.w3.org/2000/svg">25

回答(1件)

0

slideUpもfadeOutも要素が消えます。 トリガーは<id="jbody">にカーソルが乗るか離れるか。 対象は<header></header>。乗ったら上にきえ、離れたら徐々に消える(消えているので効果なし)みたいな形になっています。 slideUp() ⇒ 上にスライドして消える slideDown() ⇒ 下にスライドして現れる fadeOut() ⇒徐々に消える fadeIn() ⇒徐々に現れる [CSS] <header id="jbody"><header> [jQuery] $('#jbody').hover(function() { $('header').slideUp(1500); }, function() { $('header').slideDown(1500); }); $('header')は$(this)にするのが普通です。

ご回答ありがとうございます。 すみません、ご提示いただいたコードを書いても、『header』が無くなったり、slideUpしたり、slideDownしたりしません。 ちなみにですが、どこの$('header')を$(this)にするのでしょうか? ``````````````````````````````` $(function() { $('#jbody').hover(function() { $('header').slideUp(1500); }, function() { $('header').slideDown(1500); }); ```````````````````````````````