토글 버튼 인데 해당 행의 토글 될때 다른 행의 레이어는 닫아야 하는데 토글 때문에 제대로 작동을 안하는데 조건문 어떻게 달아줘야 할까요?
레이어 클래스 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개 / 댓글 1개
아래의 코드를 참고해보시겠어요..
$(".btn_adm_control").on("click", function() {
// 현재 클릭한 버튼의 다음 요소 (conLayer)
var currentLayer = $(this).next();
// 모든 conLayer를 닫습니다
$(".conLayer").not(currentLayer).hide();
// 현재 클릭한 버튼의 conLayer를 토글합니다
currentLayer.toggle();
});
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.