2026, 새로운 도약을 시작합니다.

제이쿼리 토글 질문 입니다. 채택완료

토글 버튼 인데 해당 행의 토글 될때 다른 행의 레이어는 닫아야 하는데 토글 때문에 제대로 작동을 안하는데 조건문 어떻게 달아줘야 할까요?

레이어 클래스 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]

32936023_1723455083.0795.png

답변 1개

채택된 답변
+20 포인트

아래의 코드를 참고해보시겠어요..

$(".btn_adm_control").on("click", function() {
    // 현재 클릭한 버튼의 다음 요소 (conLayer)
    var currentLayer = $(this).next();
    
    // 모든 conLayer를 닫습니다
    $(".conLayer").not(currentLayer).hide();
    
    // 현재 클릭한 버튼의 conLayer를 토글합니다
    currentLayer.toggle();
});

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

아이고 간단한건데 이걸 몰랐네요 ㅎㅎ 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고