多くのことを試しましたが、動作させることができません。ユーザーが最初のボタンにマウスを合わせると、最初のコンテンツが表示されます。私のコードは現在機能していますが、ボタンをマウスアウトすると、ページ内のすべてのコンテンツが消えます。
また、ボタンをマウスアウトすると、デフォルトのコンテンツが表示されます。
<div class="parent">
<div class="button"></div>
<div class="button"></div>
<div class="content-container">
<div class="content"></div>
</div>
</div>
<div class="parent">
<div class="button"></div>
<div class="button"></div>
<div class="content-container">
<div class="content"></div>
</div>
</div>
私のJavaScript
$(".button").mouseover(function(){
$(".content-container").eq(depends on parent number).append("<div class='content'>" + value + '</div>');
}).mouseout(function(){$(".content").remove();});
私の質問を明確にするために。ユーザーのマウス イベントが .parent one のボタンに移動すると、コンテンツが削除されるか、親の 1 つのコンテナーにコンテンツが追加されます。
また、マウスアウト時にデフォルトのコンテンツを設定するソリューションも必要です。そうしないと、コンテンツ div が空白になります。
前もって感謝します。