채택완료

제이쿼리 토글 질문 입니다.

2024-08-12 (월) 18:33:15 1,887

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

레이어 클래스 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개 / 댓글 1개

채택된 답변
+20 포인트

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

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

답변에 대한 댓글 1개

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

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