탭메뉴 문의드립니다. 채택완료
초보 웹퍼블입니다
현재 수정하고있는 홈페이지가 있는데
탭메뉴인거같은데
자바스크립트가 보이질 않습니다..
의료진소개 페이지인데 2명에서 3명으로변경해야하는데
어떻게 변경해야할까요 ㅠ
상단에 의료진사진은
ul>li*3으로 css 33.333333%로하면 되는데
하단에 새로생긴 li 페이지가 보이질 않습니다
부탁드려요!
답변 1개
/include/js/main.js
제일 하단에 보시면 $(document).ready(function(){
function info_toggle(who) { $(".doctor_career.doctor_park").hide();
$('ul.staff_list .'+who).click(function(){ $(".doctor_career").hide(); $(".doctor_career."+who).show();
$(".staff_list li").removeClass('doctor_on'); $(this).parent().addClass('doctor_on'); });
} info_toggle('doctor_park'); info_toggle('doctor_sung');
});
이렇게 돼 있습니다. 하나 추가하기엔 조금 비효율 적이라 조금 고쳐보면 $(document).ready(function(){ $(".staff_list a").click(function(){ let target=$(this).data('target'); $(".doctor_career").hide(); $(target).show();
$(".staff_list li.doctor_on").removeClass("doctor_on"); $(this).parent().addClass('doctor_on'); });
$(".doctor_career").hide(); $(".doctor_sung").show(); });
이렇게 바꿔주시고 .staff_list 밑에 있는 a 태그가 현재 이렇게 돼 있는데
이런식으로 끝부분에 data-target 값을 넣어주시면 됩니다.
이런식으로 넣으시면 여러명 더 추가할수 있습니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
