스크립트수정 부탁드립니다. 채택완료
탭메뉴로 마우스오버했을시 이미지가 변경되는 스크립트를 사용중입니다.
변경하고싶은건 마우스오버가 아니라 클릭했을때 이미지가 변경되게 수정했으면좋겠습니다.
.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개
이렇게 하면 될까요?
</p>
<p>$(function(){
$(".paySK_tabContent > .paySK_content:gt(0)").hide();</p>
<p> $(".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");
});
});</p>
<p>답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
감사합니다.