mainDiv と呼ばれる div があり、その<p>中にテキストを含む要素が含まれているとします。最初の要素にカーソルを合わせると表示され、マウスを最初の要素から離すとすぐに非表示になる、同じ div 内に別の要素 (a<p>または a<div>または何か他のもの)を作成したいと考えています。好ましくは、2 番目の要素のテキストは、黒いボックスで囲まれるか、たとえば Facebook の写真ページのキャプションに似たものになります。<p>
これはどのように行うことができますか？ホバー イベントにトグル機能を追加することを考えていますが、JQuery を初めて使用するため、これを行う方法が正確にはわかりません。また、ホバー時に表示される要素のボックス (半透明、不透明度 60% など) を作成するための CSS を提供できますか? また、これが toggle() で実行できる場合、toggle()をスローまたはファスト (show(slow) のように) などのアニメーションの速度と一緒に使用できますか?
また、この目標には高い z オーダーが不可欠であると考えていますが、ボックスが横ではなく真上に表示されるか、またはそのようなものになるかはわかりません。