터치슬라이드안에 탭이 들어갈떄 질문입니다..

http://whqkrtk84.godohosting.com/sector/sub04/test01.html 

현재 이페이지인데..

죽갓네요 ㅠㅠ 이것때문에..

슬라이드안에 탭을 클릭을 하고 

손으로 다른슬라이드 div를 옮기고 

이전에 탭클릭한 슬라이드 div로 가면 항상

탭이랑 컨텐츠가 항상 처음으로 addClass와 display: block; 이 되야하는데..

이상하게 웹에서는 잘되는데..

모바일서 확인해보면 적용이되지를 않습니다. 탭같은경우는 

처음거랑 기존에거랑 둘다 addClass가 되어있고..

컨텐츠는 제대로 display: block, none이 되어있고..

그리고 탭을 이리저리 눌러보면 탭컨텐츠가 2개가 display:block이 되는경우도 보이네요..

그리고 두번쨰 탭에 체크박스를 클릭하면 탭이 처음으로 이동하고..

이 이유가 무엇일가요.. 엄청 고민을 해봣는데.. 모르겠습니다.ㅠㅠ

오류가 ..

1, 탭이 처음거랑 기존에 손으로 터치 슬라이드된 부분것이랑 둘다 addClass가 되어있음..

2. 손으로 터치 슬라이드 하고 탭을 왓다갔다 거리면 탭컨츠가 가끔 2군데가 display: block이 됨..

3. 탭 2번쨰의 체크박스를 클릭을하면 처음탭으로 이동됨..

이것입니다..

안에 js를 보면 

counter : function (e) {   

    $("#touchSlider .responsive-tabs").each(function(i, el) {

    //$(this).find("li:eq(0) a").click();

    $(this).find("li:eq(0) a").click();

    $(this).siblings(".tab_cont").css("display","none").eq(0).css("display","block")

     });

} 

이부분입니다. 도움좀 주십시요.ㅠ.ㅠ

도움좀 주시면 제가 카톡으로 커피한잔 쏴드리겟습니다.ㅠ