次のようなJavaScriptを使用できます。
<a href="#" id="hoverthis" onmouseover='document.getElementById("disappear").style.display="none";'>When you over this, the second div with disappear.</a>
<p id="disappear">I will disappear when hoverthis is hovered.</p>
上記のスクリプトは、要素(この場合はp
)を設定して、CSSコードdisplay:none
をidのdivに適用しますdisappear
。JavaScriptを設定して、任意のCSSプロパティを仮想的に必要なものに適用できます。JavaScriptを使用してdivを再表示できるように。これは、次のようにjQueryを使用して実行することもできます。
$('#disappear').hide();
またはDOMから削除するには:
$('#disappear').remove();
またはそれを再表示させるために:
$('#disappear').show();
これは省略形です。次のようなことを行うようにjQueryを設定することもできます。
$('#disappear').css("display","none");
上記のコードを使用すると、純粋なJavaScriptソリューションと同様に、任意のCSSプロパティを適用するように編集できます。
このスクリプトは、ニーズに合わせて編集できます。これが機能するかどうか、またはさらにサポートが必要な場合は教えてください。
これが役立つ場合は、この回答の近くにあるチェックをクリックすることを忘れないでください。それは本当に役に立ちます。ありがとう。:)