반응형
var tabSubMenu = $("#manpTabList div");
tabSubMenu.hide();
tabSubMenu.eq(0).show();
$('.tabmenu').click(function() {
var idx = $(".tabmenu").index($(this));
tabSubMenu.hide();
tabSubMenu.eq(idx).show();
});
tabSubMenu.eq(0).show();
<div id="tabMenu">
<ul class="tab">
<li class='tabmenu' id="default"><a href="#">탭메뉴1</a></li>
<li class='tabmenu'><a href="#">탭메뉴2</a></li>
<li class='tabmenu'><a href="#">탭메뉴3</a></li>
</ul>
</div>
<div id="manpTabList">
<div id="tab1"></div>
<div id="tab2"></div>
<div id="tab3"></div>
</div>
반응형
'개발 > jquery,javascript' 카테고리의 다른 글
javascript 클릭 한 요소의 index 값 가져오기 (0) | 2020.08.26 |
---|---|
jquery load() 등록 화면 탭메뉴+MVC 구현 (0) | 2020.08.13 |