제이쿼리 토글 질문 입니다.
본문
토글 버튼 인데 해당 행의 토글 될때 다른 행의 레이어는 닫아야 하는데 토글 때문에 제대로 작동을 안하는데 조건문 어떻게 달아줘야 할까요?
레이어 클래스 conLayer 입니다.
btn_adm_control 를 클릭하면 conLayer 는 다 닫고 현재 요소 다음 요소(conLayer)를 토글 해야 되거든요
근데 btn_adm_control 를 클릭하면 conLayer 를 닫기 때문에 토글이 제대로 안되네요..
[colde]
<tr>
<td>3</td>
<td class="text_left"><a href="javascript:void(0)" class="subject">티니키리 ‘개인정보 처리방침’ 변경에 대한 안내 말씀드립니다.</a></td>
<td>관리자</td>
<td>2024-08-12</td>
<td>
<button type="button" class="btn_adm_control"></button>
<div class="conLayer">
<a href="javascript:void(0)" class="btn_board_modify">수정</a>
<button type="button" class="btn_board_del">삭제</button>
</div>
</td>
</tr>
$(".btn_adm_control").on("click", function() {
$(this).next().toggle();
});
[/code]
답변 1
아래의 코드를 참고해보시겠어요..
$(".btn_adm_control").on("click", function() {
// 현재 클릭한 버튼의 다음 요소 (conLayer)
var currentLayer = $(this).next();
// 모든 conLayer를 닫습니다
$(".conLayer").not(currentLayer).hide();
// 현재 클릭한 버튼의 conLayer를 토글합니다
currentLayer.toggle();
});
아이고 간단한건데 이걸 몰랐네요 ㅎㅎ 감사합니다.
