탭메뉴 사용시 다른탭 이동하면 내용이 움직여요 ㅠㅠ
본문
메인에 자바스크립트로 탭메뉴를 넣었는데요.
탭메뉴(li)를 클릭할때마다 그안의 내용이 제대로 나오기는하는데
클릭시 위치가 아래로 이동했다가 다시 위로 올라옵니다.
이 때문에 그 아래 내용들도 밀렸다가 올라오는 현상이 나타나요..
사이트 주소
http://xn--2j1ba94en6zv3dky8a.com/
문제있는 부분 아래 이미지
css가 잘못된건지 어디가 문제인지 잘모르겠어요 ㅠㅠ
조언부탁드립니다!
답변 1
$(function(){
$('.sub_tab li').click(function(){
var idx = $(this).index();
$('.sub_tab li').removeClass('on');
$(this).addClass('on');
$('.page').fadeOut();
$('.page').eq(idx).fadeIn();
});
});
위 코드를
$(function(){
$('.sub_tab li').click(function(){
var idx = $(this).index();
$('.sub_tab li').removeClass('on');
$(this).addClass('on');
$('.page').hide();
$('.page').eq(idx).fadeIn();
});
});
와 같이 수정.
와... 너무너무감사해요 ㅜㅠㅠㅠㅠㅠ !!!!
답변을 작성하시기 전에 로그인 해주세요.