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

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

QA

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

답변 1

본문

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

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

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

 

 

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

 

 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 612
© SIRSOFT
현재 페이지 제일 처음으로