탭메뉴로 마우스오버했을시 이미지가 변경되는 스크립트를 사용중입니다.
변경하고싶은건 마우스오버가 아니라 클릭했을때 이미지가 변경되게 수정했으면좋겠습니다.
.hover 부분을 .click으로 변경해서 테스트해봤는데 안되더라고요 다른방법있으면 부탁드리겠습니다.
$(function(){
$(".paySK_tabContent > .paySK_content:gt(0)").hide();
$(".paySK_tab > ul > li").hover(
function(){
var index = $(this).index();
$(".paySK_tabContent > .paySK_content").hide();
$(".paySK_tabContent > .paySK_content").eq(index).show();
$(".paySK_tab > ul > li").removeClass("on");
$(".paySK_tab > ul > li").eq(index).addClass("on");
},
function(){
//object out
}
);
});
답변 1개 / 댓글 2개
이렇게 하면 될까요?
$(function(){
$(".paySK_tabContent > .paySK_content:gt(0)").hide();
$(".paySK_tab > ul > li").on('click',function(){
var index = $(this).index();
$(".paySK_tabContent > .paySK_content").hide();
$(".paySK_tabContent > .paySK_content").eq(index).show();
$(".paySK_tab > ul > li").removeClass("on");
$(".paySK_tab > ul > li").eq(index).addClass("on");
});
});답변에 대한 댓글 2개
답변을 작성하려면 로그인이 필요합니다.
감사합니다.