JQuery [ Tab 메뉴 ]

Tab 메뉴

• 클릭한 탭(버튼) 만 내용물 보이도록 하기
• 해당하지 않는 것들을 모두 숨기고 해당하는 index 에 대한 것만 보이게 하기

$(document).on('click',"버튼위치", function(e){
	const index = $("버튼위치").index($(e.target));
  	$("보여줄내용의 위치").css({"display":"none"});
  	$("보여줄내용의 위치").eq(index).css({"display":"block"});
  	// 또는
  	$(`보여줄내용의 위치:eq(${index})`).css({"display":"block"})
}

---

참고

• eq : https://velog.io/@jjoung-2j/JQuery-Click-eq-Trigger-event

---

정리

• 01_eventHandling -> chap06_addClass_removeClass_accordion_tab_SeatReservation
  -> 04_tabMenu_eq.html, 04.js, 04.css