Copy
<div class="realside_menu">
<ul>
<li><a href="/realqna">실시간문의</a></li>
<li><a href="/realqna/page">문의 이용방법</a></li>
</ul>
</div>
<div class="qna_area">
<span><i class="fa-solid fa-circle-exclamation"></i>지역별로 선택해서 확인할 수 있습니다.</span>
<ul class="qna_area_box">
<li><a href="/realqna"><span class="all_area"></span>전국</a></li>
<li><a href="/realqna/area/서울"><span class="seoul"></span>서울</a></li>
<li><a href="/realqna/area/경기"><span class="gyeonggi"></span>경기</a></li>
</ul>
</div>
<script>
$(function () {
var pgurl = window.location.pathname;
$("li a").each(function () {
if ($(this).attr("href") == pgurl || $(this).attr("href") == '')
$(this).parent().addClass("on");
});
});
</script>
realside_menu li는 addclass로 on 작동이 문제없이 됩니다.
이제 여기서 qna_area_box li를 클릭했을때 realside_menu li에 on 클래스가 붙어있는 상태에서
qna_area_box li에도 클릭된 li에 on 클래스를 붙혀줘야하는데.. 잘안되네요
qna_area_box li를 클릭하면 realside_menu on 클래스가 없어지네요ㅠ
어떤 스크립트를 추가해서 해결할 수 있을까요ㅠㅠ 도와주세요
답변 1개
답변을 작성하려면 로그인이 필요합니다.