자바스크립트 질문입니다.(버튼클릭 시 창 띄우기) 채택완료

https://codepen.io/leek94/pen/dyGOaZJ

 

 

doctor_list 리스트 안에 버튼과 내용이 있는데

버튼을 눌렀을 때 내용이 뜨도록 하고 싶고,

 

한 스크립트로 여러개의 리스트에서 각자 그 기능이 적용되도록 하고 싶습니다.

코드펜에 적어놓았는데 코드한번만 확인 부탁드립니다.

 

리스트 마다 버튼을 눌러도 한가지의 내용만 계속 뜹니다.

순서 인식을 못하는것 같습니다..

 

답변 2개

채택된 답변
+20 포인트

Copy
$(".detail_view_btn").on("click", function() {
    $(this).closest("ul").siblings(".doctor_history").show();
});

<a> 종료 태그는 다 닫아 주셔야 합니다.

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

답변에 대한 댓글 3개

closest,siblings 신기하네요 ㅠㅠ 너무 감사합니다.
공부가 더 필요할것 같습니다.
문제 해결해서 너무 좋네요 감사합니다!
ps.
버튼에 ul li 감싸는 건 좋은 코딩이 아닌 것 같아요.
https://codepen.io/sinbi/pen/XWXNOyM
앗 그럼 혹시 어떻게 수정되어야하나요?

<li>
<a class="btn">버튼1</a>
<div class="con">내용1</div>
</li>

이것이..

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

참고하세요

Copy
$(document).ready(function(){
    $("li").click(function(){
     var i = $('li').index(this);
         $(".doctor_list").eq(i).find(".doctor_history").show();
        });
});
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

ㅠㅠ도움주셔서 너무 감사합니다!

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

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

로그인
🐛 버그신고