FadeOut/FadeOut 작동하지 않지만 show() 및 hide() do

Question

두 개의 div에 탭을 만들 수있는 간단한 코드가 있지만 탭을 클릭하면 요소가 페이드 인 또는 페이드 아웃되지 않지만 fadeIn을 페이드 아웃이 잘 작동, 표시하고 숨길, 나는 뭐가 잘못 표시되지 않습니다 :

$("ul.tabs li").click(function(event) 
        { 
        event.preventDefault(); 
        $("ul.tabs li").removeClass("active"); 
        $(this).addClass("active"); 
        $(".tab_content").fadeOut(); 

        var activeTab = $(this).find("a").attr("href"); 
        console.log(activeTab) 
        $(activeTab).fadeIn(); 
     }); 
    <ul class="tabs"> 
       <li class="page_item active"> 
             <a href="#doss" class="option-doss">Doss</a> 
            </li> 
       <li class="page_item competitors-page"> 
             <a href="#competitors" class="option-competitors">Competitors</a> 
            </li> 
</ul> 
    <div id="doss" class="tab_content clearfix"> 
         <div class="men"> 
          <a href="?cat=28"></a> 
         </div> 
         <div class="women"> 
          <a href="?cat=37"></a> 
         </div> 
         <div class="kids"> 
          <a href="?cat=44"></a> 
         </div> 
       </div> 
       <div id="competitors" class="tab_content clearfix"> 
        competitors 
       </div> 

내가 easing.js 파일을 제거하고 작동 듯

를 해결.

Answer 1

activeTab 변수는 URL이며 DOM 요소에 대한 참조 여야합니다. 대신

$(activeTab).fadeIn(); //Which evaluates to $('?cat=n').fadeIn(); 

의

수행과 같은 :

$(".tab_content").fadeIn(); 

Answer 2

사용중인 JQuery와 버전?

당신이 고대 JQuery와 버전이있는 경우, 당신은 JQuery와 완화 플러그인에 추가 참조를 추가해야 할 수도 있습니다 ...

참조 :

1. http://matthewlein.com/experiments/easing.html
2. http://archive.plugins.jquery.com/project/Easing
3. https://github.com/danro/jquery-easing