html 소스복사 <ul class="tab-bbs"> <li><a href="#mdcc-cont01" class="active"><img src="https://www.khidi.or.kr/fileDownload?titleId=485784&fileId=4" alt="한국어 >"></a></li> <li><a href="#mdcc-cont02"><img src="https://www.khidi.or.kr/fileDownload?titleId=485784&fileId=3" alt="ENG >"></a></li> </ul> <div id="mdcc-cont01" class="tab-viewcont active"> <img src="https://www.khidi.or.kr/fileDownload?titleId=485784&fileId=2" alt="의료기기 전문가 자문위원회(MDCC) 전문위원 모집공고(2023)" usemap="#Map1"> <map name="Map1"> <area shape="rect" coords="122,3241,480,3311" href="https://www.khidi.or.kr/board/view?linkId=48894345&menuId=MENU01108" target="_blank" title="새창으로 열림"> </map> </div> <div id="mdcc-cont02" class="tab-viewcont"> <img src="https://www.khidi.or.kr/fileDownload?titleId=485784&fileId=1" alt="Announcement of MDCC Member Recruiment 2023" usemap="#Map2"> <map name="Map2"> <area shape="rect" coords="121,3660,378,3734" href="https://www.khidi.or.kr/board/view?linkId=48894345&menuId=MENU01108" target="_blank" title="새창으로 열림"> </map> </div> <style> .tab-bbs {margin-bottom: 16px; line-height: 1; overflow: hidden;} .tab-bbs > li {float: left; margin-right: 8px;} .tab-viewcont {display: none;} .tab-viewcont.active {display: block;} </style> <script> $(document).ready(function(){ $(".viewContent .tab-bbs a").click(function() { $(".viewContent .tab-bbs a").removeClass("active"); $(this).addClass("active"); $(".viewContent .tab-viewcont").removeClass("active").hide(); var activeDetail = $(this).attr("href"); $(activeDetail).addClass("active").fadeIn(); return false; }); }); </script>
소스입니다. Ctrl+C를 눌러 클립보드로 복사하세요

닫기