attr과 mouseenter/mouseleave/click 같이 쓰기

 

attr을 mouseenter/mouseleave/click으로 변경하기

var tabIdx = '';
$('.tab_wrap li').on({
    mouseenter:function(){
        $(this).children('img').attr('src', $(this).children('img').attr('src').replace('_off', '_on'))
    },
    mouseleave:function(){
        $('.tab_wrap li').each(function(){
            $(this).children('img').attr('src', $(this).children('img').attr('src').replace('_on', '_off'));
        });
        $('.tab_wrap li:eq('+tabIdx+')').children('img').attr('src', $('.li_wrap li:eq('+tabIdx+')').children('img').attr('src').replace('_off', '_on')) //cont가 열려있는 tab은 'on'
    },
    click: function(){
        tabIdx = $(this).index();
        $(this).children('img').attr('src', $(this).children('img').attr('src').replace('_off', '_on'));
        $('.tabCont_wrap li').removeClass('active');
        $('.tabCont_wrap li:eq('+tabIdx+')').addClass('active');
    }
});