<p>gnb에 submenu가 나올때요</p>
<p>'제품'의 submenu나오고나서 브랜드스토리로 마우스를 옮기면 submenu가 사라지지가 않아요 이건 어떻게 해결해야하는지 여쭤보아요 :)</p>

<p>script에서&nbsp; 노란색으로 표시 해둔 부분으로 인해 각각의 서브메뉴가 나오는 것이구요&nbsp; css에서 정의를 해놨기에 나오는 것입니다.<br />혹시 안되시면 전체 소스를 올려주세요! 확인해보도록 하겠습니다.</p>
<div style="color: #403f53; background-color: #fbfbfb; font-family: FiraCode-VF, hack, D2Coding, Consolas, 'Courier New', monospace, Consolas, 'Courier New', monospace; font-size: 18.2px; line-height: 24px; white-space: pre;">
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #0c969b;">gnb_menu_list</span><span style="color: #994cc3;">.</span><span style="color: #4876d6;">mouseenter</span>(<span style="color: #994cc3;">function</span><span style="color: #111111;">()</span>{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #994cc3;">const&nbsp;</span><span style="color: #4876d6;">idx</span><span style="color: #994cc3;">&nbsp;=&nbsp;</span><span style="color: #4876d6;">$</span>(<span style="color: #0c969b;">this</span>)<span style="color: #994cc3;">.</span><span style="color: #4876d6;">index</span>();</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #0c969b;">console</span><span style="color: #994cc3;">.</span><span style="color: #4876d6;">log</span>(idx);</div>
<br /><br />
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #0c969b;">sub_menu_list</span><span style="color: #994cc3;">.</span><span style="color: #4876d6;">removeClass</span>(<span style="color: #111111;">'</span><span style="color: #c96765;">Over</span><span style="color: #111111;">'</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #0c969b;">sub_menu</span><span style="color: #994cc3;">.</span><span style="color: #4876d6;">addClass</span>(<span style="color: #111111;">'</span><span style="color: #c96765;">On</span><span style="color: #111111;">'</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="background-color: #eafa04;"><span style="color: #0c969b;">sub_menu_list</span><span style="color: #994cc3;">.</span><span style="color: #4876d6;">eq</span>(idx)<span style="color: #994cc3;">.</span><span style="color: #4876d6;">addClass</span>(<span style="color: #111111;">'</span><span style="color: #c96765;">Over</span><span style="color: #111111;">'</span>);</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #0c969b;">gnb</span><span style="color: #994cc3;">.</span><span style="color: #4876d6;">addClass</span>(<span style="color: #111111;">'</span><span style="color: #c96765;">Active</span><span style="color: #111111;">'</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;})</div>
<div></div>
<div>
<div style="line-height: 24px;"><span style="color: #989fb1;">/* 추가된 내용 */</span></div>
</div>
<div>&nbsp;&nbsp;<span style="background-color: #eafa04;"><span style="color: #4876d6;">.sub_menu</span><span style="color: #994cc3;">&nbsp;</span><span style="color: #c96765;">li</span><span style="color: #4876d6;">.nav_d2_box.Over</span>&nbsp;{</span></div>
<div style="line-height: 24px;">
<div><span style="background-color: #eafa04;">&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #0c969b;">opacity</span>:&nbsp;<span style="color: #aa0982;">1</span>;</span><span style="color: #989fb1;">/*&nbsp;Over라는&nbsp;class가&nbsp;붙으면&nbsp;opacity가&nbsp;1이&nbsp;되게&nbsp;css&nbsp;작성*/</span></div>
<div>}</div>
</div>
</div>

인프런 커뮤니티 질문&답변

gnb에 submenu가 나올때