제이쿼리 탭 메뉴
본문
https://jsfiddle.net/composite/3n74v/
이걸 활용해서 버튼으로 버튼에 해당하는 하단 tab_content가 나오게 설정했는데요.
tab_content 세로 길이가 다를 경우 어떻게 처리를 해야할까요?
예를들면 첫번째 탭 tab_content는 길이가 2800px 정도로 엄청 긴 페이지이고
두번째 탭 tab_content는 500px 정도라고 했을 때 두번째 탭 tab_content에서도 기본으로 설정해둔 아래 풋터가 첫번째 탭 tab_content와 동일 간격으로 나오게 하고 싶습니다.
찾아보니 가능한 페이지들이 보이는데 전체 소스를 확인하기가 어려워서 활용하기가 어려워서요^^;;
혹시 가능은 한거 맞죠? 도움주실 수 있는 분 계시면 정말 감사하겠습니다~
답변 2
현재 소스 그대로 사용하시면,
내용에 따라 높이가 자동으로 변경되는 겁니다.
아래 스크립트 추가해보세요
var max_height = 0;
$(".tab_content").each(function(){
var tab_content_height = $(this).outerHeight();
if(tab_content_height>max_height){
max_height = tab_content_height;
}
})
$(".tab_content").css('height',max_height)
답변을 작성하시기 전에 로그인 해주세요.