Simple Java Script Issue

Question

I am having a terrible time with the first of the following scripts. I'm not sure if the issue is that there are two similar scripts on the page or if my HTML5 code is incorrect. Any help would be appreciated:

 <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>

And the targeted 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>

As stated, the problem is in the first script where my intention is that the active anchor should change back to the default anchor attribute as the others are clicked by the user.

Thanks again.

Wilfredo P · Accepted Answer · 2014-12-15 20:48:17Z

1

Wrap all into document.ready()

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

answered Dec 15, 2014 at 20:48

Wilfredo P

4,07430 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Paul S. Over a year ago

or you could use $(fn);

ralunava Over a year ago

Thanks, it still was not working so I also changed the link to: <script src="ajax.googleapis.com/ajax/libs/jquery/1.5.2/…> and its all good now.

Wilfredo P Over a year ago

Ok, try always to uses the lastest jQuery version. If the plugin does not work is much better search another.

ralunava Over a year ago

Well v1.11.1 should be the latest -no? But v1.5.2 seems to load faster and as stated works with this particular script. The 1.11.1 was spinning the page out and not working at all with the script.

Wilfredo P Over a year ago

Yeas, maybe the plugin does not support the lastest version :(

Collectives™ on Stack Overflow

Simple Java Script Issue

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related