제이쿼리 탭 메뉴
본문
https://jsfiddle.net/composite/3n74v/
이걸 활용해서 버튼으로 버튼에 해당하는 하단 tab_content가 나오게 설정했는데요.
tab_content 세로 길이가 다를 경우 어떻게 처리를 해야할까요?
예를들면 첫번째 탭 tab_content는 길이가 2800px 정도로 엄청 긴 페이지이고
두번째 탭 tab_content는 500px 정도라고 했을 때 두번째 탭 tab_content에서도 기본으로 설정해둔 아래 풋터가 첫번째 탭 tab_content와 동일 간격으로 나오게 하고 싶습니다.
찾아보니 가능한 페이지들이 보이는데 전체 소스를 확인하기가 어려워서 활용하기가 어려워서요^^;;
혹시 가능은 한거 맞죠? 도움주실 수 있는 분 계시면 정말 감사하겠습니다~
답변 2
현재 소스 그대로 사용하시면,
내용에 따라 높이가 자동으로 변경되는 겁니다.
아 클래스명 하나를 제가 따로 변경해서 사용했었는데..css 클래스명 그대로 변경 같이 되어서 괜찮은줄 알았는데..혹시 몰라 원래 참고 소스 클래스명으로 변경해주고 높이값 잡아준게 있어서 뺐더니 됩니다^^
어제도 여러번 높이값도 빼고 이것저것 수정 많이 해봤는데도 안되었는데 이상하네요^^;;
덕분에 수정되었습니다 감사합니다^^
아래 스크립트 추가해보세요
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)
감사합니다^^ 수정하였습니다~
답변을 작성하시기 전에 로그인 해주세요.
