1

メニュー項目として機能する DIV があり、ホバー時に別の div を表示したいと考えています。デフォルトでは、2 番目の div (表示したいものは次のとおりvisibility: hidden;です。jQuery を使用せずにホバー時に可視性を変更することは可能ですか?そうでない場合、私の jQuery コードはどのようになりますか?

4

1 に答える 1

1

2 番目の div (class second-div) を最初の div (class first-div) の子要素にしてから、次を使用します。

.first-div:hover .second-div {
    visibility: visible;
}

JSFiddle: http://jsfiddle.net/vEeMS/

ナビゲーションを作成している場合は、 のdisplay代わりに使用することをお勧めしますvisibility。display: none;は要素がページに表示されていないことを意味し、要素はページ上にあるが表示されていないことをvisibility: hidden;意味します。これには、ユーザーが非表示のリンクをクリックでき、テキストをマークしたり、非表示の div の下にあるボタンをクリックしたりできないという欠点があります。

于 2013-05-25T14:07:19.650 に答える