ではshowdiv.js
、次のようになります。
$(function() {
$('.vierkant').hover(
function() {
$('#tekst').show();
} else {
$('#tekst').hide();
}
);
});
これは無効です。else
は の一部ではありませんif
。あなたがやりたいことは次のとおりだと思います:
$('.vierkant').hover(function() { $('#tekst').show(); },
function() { $('#tekst').hide(); });
この への呼び出しで.hover()
は、マウスが入ったとき (表示) とマウスが離れたとき (非表示) の 2 つの関数を使用します。これが完了すると、それに応じてホバー イベントが処理されます。
参照: jQuery API for .hover()。
編集:.childen()
役立つjQueryセレクターもあります。ホバー機能は の子にも適用する必要.vierkant
があると思いますが、次のことも行うことができます。
$('.vierkant').children().hover(function() { $('#tekst').show(); },
function() { $('#tekst').hide(); });
#tekst
ブロック内のコンテンツが実際には子ノードであると仮定します。