제이쿼리 질문 드려요

반응형으로 하고 싶어서

카테고리가 늘어나면 화살표를 추가해서 왼쪽으로 오른쪽으로 보이게 하고 싶은데요

오른쪽으로 가는 건 되는데

왼쪽으로 가게 하면 두 번씩 가는 거 같아요 ㅠㅜ

$('.bo_cate_arr').find('a').click(function(){

var category_left = parseInt($('nav#bo_cate').find('ul').css('left'), 10)*-1;

if($('.bo_cate_arr').is('.bo_cate_next')){

//다음 버튼 일 때

if($(window).width() + category_left >= $('nav#bo_cate').find('ul').width() + 50){

$('.bo_cate_arr').removeClass('bo_cate_next');

$('.bo_cate_arr').addClass('bo_cate_prev');

$(this).text('◀');

}else{

$('nav#bo_cate').find('ul').animate({'left':'-=' + $('nav#bo_cate').find('li:first').width() + 'px'},'fast');

}

}else if($('.bo_cate_arr').is('.bo_cate_prev')){

//이전 버튼일 때

$('.bo_cate_prev').find('a').click(function(){

$('nav#bo_cate').find('ul').animate({'left':'+=' + $('nav#bo_cate').find('li:first').width() + 'px'},'fast');

});

}

return false;

}); 

어떻게 해야할지 ㅠㅜ 도와주세요