간단한 자바 스크립트 문제

Question

다음 스크립트 중 첫 번째 스크립트에 끔찍한 시간을 보내고 있습니다. 문제가 페이지에 두 개의 유사한 스크립트가 있거나 내 HTML5 코드가 올바르지 않은지 확실하지 않습니다. 어떤 도움을 주시면 감사하겠습니다 :

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 
$('.btn').click(function(){ 
$('.btn').removeClass('active'); 
$(this).addClass('active'); 
}); 
</script> 

<script type="text/javascript"> 
function MM_showHideLayers() { //v9.0 
var i,p,v,obj,args=MM_showHideLayers.arguments; 
for (i=0; i<(args.length-2); i+=3) 
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2]; 
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } 
obj.visibility=v; } 
} 
</script> 

</head> 

그리고 타겟 HTML :

언급 한 바와 같이

<div class=links> 
<ul> 
<li> 
<a href="#" onclick="MM_showHideLayers('what_we_do','','show');MM_showHideLayers('our_mission','','hide');MM_showHideLayers('who_we_are','','hide')" class="active btn" >WHAT WE DO</a> | 
</li> 
<li> 
<a href="#" onclick="MM_showHideLayers('who_we_are','','hide');MM_showHideLayers('our_mission','','show');MM_showHideLayers('what_we_do','','hide')" class="btn" >OUR MISSION</a> | 
</li> 
<li> 
<a href="#" onclick="MM_showHideLayers('our_mission','','hide');MM_showHideLayers('who_we_are','','show');MM_showHideLayers('what_we_do','','hide')" class="btn" >WHO WE ARE</a> 

</li> 
</ul> 
</div> 

, 문제는 내 의도가 활성 앵커 기본 앵커로 다시 변경해야한다는 첫 번째 스크립트입니다 다른 사용자가 클릭 한 것처럼

다시 한번 감사드립니다.

Answer 1

랩의 모든 document.ready()에

<script> 
$(document).ready(function(){ 
    $('.btn').click(function(){ 
    $('.btn').removeClass('active'); 
    $(this).addClass('active'); 
    }); 
}): 
</script>