href屬性不被拉到正確

Question

我使用下面的代碼在單擊標籤褪色，但它一直在同一個標​​籤褪色無論哪個列表項的我點擊：

$('#productinfowrap .tab:first').show();  
    $('#subselect li').click(function() { 
     var thisTop = $(this).position().top; 
     $('#subselect li').removeClass('current'); 
     var li = (this); 
     $('.pointer').animate({'top': thisTop}, function() { 
      $(li).addClass('current'); 
     }); 
     var id = $("#subselect li a").attr('href'); 
     $("#productinfowrap > div").fadeOut(500).hide();   
     $(id).fadeIn(); 
     return false; 
    }); 

和HTML

<ul id="subselect"> 
      <li class=""><a href="#overview">Overview</a><span class="pointer" style="top: 225px;"></span></li> 
      <li class=""><a href="#applications">Applications</a></li> 
      <li class=""><a href="#technical">Technical</a></li> 
     </ul> 

除了正確的標籤衰落，這一切完美的作品...

Answer 1

行更改爲：

var id = $(this).find("a").attr('href'); 

Answer 2

而不是$(id).fadeIn();爲什麼不只是嘗試$(this).fadeIn();