오늘 여러번 질문하네요 ㅋㅋ 제이퀘리관련...
본문
$(function() {
var $page_tab1 = $(".page_tab li"),
$page_tab2 = $(".page_tab2 li");
$page_tab1.click(function() {
var num = $page_tab1.index(this);
$(".content").addClass('disnon');
$(".content").eq(num).removeClass('disnon');
$page_tab1.add($page_tab2).removeClass('select');
$(this).add($page_tab2.eq(num)).addClass('select');
var targetY = $("#nav_page_tab").offset().top;
$(".content").fadeIn();
$(".disnon").fadeOut();
});
$page_tab2.click(function() {
var num = $page_tab2.index(this);
$page_tab1.eq(num).trigger("click");
$('html, body').animate({scrollTop:0}, 500);
});
});
이 코드 제대로 된건가요? ㅋㅋ
페이드인 아웃효과를 넣고 싶어서
막 갖다 붙였는데
어설프게 움직이는데;; 좀 더 깨끗하고 좋은 방법 없을까요?
페이드의 속도 조절이라든가;;;
질문하기가 어렵네요 너무 몰라가지고;;;
답변 1
이렇게 하면 어떤가요?
$(function() {
var $page_tab1 = $(".page_tab li"),
$page_tab2 = $(".page_tab2 li");
$page_tab1.click(function() {
var num = $page_tab1.index(this);
$(".content").eq(num).siblings(".content").hide().addClass('disnon');
$(".content").eq(num).fadeIn(function(){
$(this).removeClass('disnon');
});
$page_tab1.add($page_tab2).removeClass('select');
$(this).add($page_tab2.eq(num)).addClass('select');
});
$page_tab2.click(function() {
var num = $page_tab2.index(this);
$page_tab1.eq(num).trigger("click");
var targetY = $("#nav_page_tab").offset().top;
$('html, body').animate({scrollTop:targetY}, 500);
});
});