jQueryにて特定の範囲の間だけイベントを追加したいです

Question

前提・実現したいこと

jQueryにて特定の範囲の間だけイベントを追加したいです

発生している問題

.hakoの中に.nakamiが入ると、.btnのopacityが切り替わるという機能を実装したいのですが、うまく機能しません。
.nakamiは右からスライドしてくるのですが、その機能は実装済みです。

該当のソースコード

function deleteButton(){
	var lefttop = $(".hako").offset().left;　　  //.hakoの左端の位置情報
	var hakowidth = $(".hako").outerWidth();　　//.hakoそのものの長さ
	var righttop = lefttop + hakowidth ; 　　   //.hakoの右端の位置情報
	if(lefttop > $(".nakami") < righttop){      //lefttopとrighttopの間に.nakamiがある時
		$('.btn').animate({"opacity": "0"},500);　　//.btnが消える
	}else{
		$('.btn').animate({"opacity": "1"},500);　　//.btnが復活する
	}
}

補足情報

jquery-3.6.0

いろいろ試したのですが、よく分からなくなりました。
ご回答いただけましたら幸いです。

Comments

[m.ts10806]

コードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564

あと、JavaScriptだけ提示されても再現確認できないので、他者がコピペで再現できるよう配慮願います。

[haihai]

ありがとうございます、次回以降気を付けます...。

Answer 1

書いてみました。いかがでしょうか？

[jQuery]重なったときにボタンを消す

if文の条件を、
・箱の左側のwidth（hakoLeftWidth）より、中身の左側のwidth（nakamiLeftWidth）が大きく
・箱の右側のwidth（hakoWidth）より、中身の右側のwidth（nakamiWidth）が小さい
場合に、入ったと判定させています。

Comments

[haihai]

感謝です！！！

[haihai]

ありがとうございました！