반응형
탭메뉴가 한페이지당 여러개가 사용되는 경우가 있다.
그때 클래스를 달리하여 하는 방법도 있지만, 유지보수나 운영측면에서 좋지않은 코드이기 때문에,
rel값을 이용해 여러개를 사용하는 방법을 알아보겠다.
See the Pen abpNGgW by aldo814 (@aldo814) on CodePen.
상단과 같이 탭메뉴가 되는 영역에 rel값을 주고,
해당 탭메뉴에 id값을 동일하게 해주면 간단하게 페이지내 여러 탭메뉴를 사용할 수 있다.
반응형
'Web > jquery' 카테고리의 다른 글
| [JQUERY] slick slider 이미지 슬라이드 플러그인 설치 및 사용법 (0) | 2021.03.29 |
|---|---|
| 웹접근성을 준수한 탭메뉴 jquery (0) | 2021.03.28 |
| 레이어 팝업 여러개 사용하는 방법 (0) | 2021.03.27 |
| 탭메뉴, 레이어 팝업안에 슬라이드 넣기 (slick slider) (1) | 2021.03.27 |
| [jQuery UI] Datepicker / 날짜 선택, 달력선택기 사용법 및 옵션 (1) | 2020.02.24 |