저도 탭을 이용하면 말씀하신 이런 현상때문에 매번 아쉬움이 남았었는데요
저는 해법으로 이렇게 문제를 풀었습니다.
자바스크립트 코드 중에 # 주소를 체크해서 변수로 받는 게 있더라고요
예)
var hash = location.hash.replace(“#”,””);
if (hash) {
$(‘.tab-content’).css(‘display’,’none’);
$(‘ul.tab-type li’).removeClass(‘on’);
}
(해쉬를 가지고 있다면 일단 탭에 있는 클래도 제거하고 컨텐츠도 모두 안 보이게 처리)
즉, 상단 메뉴에 구성된 각 해쉬를 가진 대메뉴를 타고 해당 페이지로 들어오면
주소에 어떤 해쉬를 갖고 있는가에 따라
저 탭 구조에서 active 될 버튼을 맞게 바꿔주면 됩니다. (jQuery로 처리)
페이지빌더마다 active되는 탭 버튼 및 아래 컨텐츠가 표시될 때의 클래스 명이 달라서 이건 한 번 시도를 해 보세요
Publishing Homepage [&] Blogging about WP.
Wordpress를 워드프레스답게!