This is working fine with the code below, then the user accesses for example " http://proj.test/user/profile?user=1#myTickets", the #myTickets tab becomes active.

But I want to have this dynamic because there are more tabs, for example, there is a tab #editPassword", and when " http://proj.test/user/profile?user=1#editPassword" is accessed the tab #editPassword should become active.

So the code is working if is just for the #myTickets like:

  

   
var path = window.location.href;
   


   
$('.registration_form_list a').each(function () {
   
 var hash = $(this).attr('href').split('#')[1];
   


   
 if (this.href === path) {
   


   
 $('.registration_form_list a').removeClass('active');
   
 $('a[href="#myTickets"]').addClass('active');
   
 }
   
});
  

But I want to have this dynamic, so I change to:

  

   
var path = window.location.href;
   


   
 $('.registration_form_list a').each(function () {
   
 var hash = $(this).attr('href').split('#')[1];
   


   
 if (this.href === path) {
   


   
 $('.registration_form_list a').removeClass('active');
   
 $('a[href="# '+hash+'+).addClass('active');
   
 }
   
 });
  

But like that is not working, even when  " http://proj.test/user/profile?user=1#myTickets" is acessed the myTickets tab don't become active.

Do you know why?