Tenho um controller, que depois que salva, ele precisa ser derecionado para uma tab especifica, então eu uso como reterno os seguintes parametros.
return Redirect(Url.Action("Editar/" + resultado.Id, "ClienteEmpresa") + "#nav-profile");
Com isso eu consigo, pegar na url, exatamente, a o que eu quero, porém não sei como faço para que a Nav-Tab, #nav-profile, seja a que abra, pois ainda estás a abrir, a primeira Tab.
Minha Url fica dessa forma ao abrir
http://localhost:51029/ClienteEmpresa/Editar/14#nav-profile
Porém a tab que vem aberta é a #nav-home-tab
Esse aqui é meu HTML.
<div class="default-tab col-lg-12">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Empresa</a>
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Contador</a>
<a class="nav-item nav-link" id="nav-bloqueios-tab" data-toggle="tab" href="#nav-bloqueios" role="tab" aria-controls="nav-bloqueios" aria-selected="false">Bloqueios</a>
<a class="nav-item nav-link" id="nav-financeiro-tab" data-toggle="tab" href="#nav-financeiro" role="tab" aria-controls="nav-financeiro" aria-selected="false">Controle de Vencimentos</a>
<a class="nav-item nav-link" id="nav-cobranca-tab" data-toggle="tab" href="#nav-cobranca" role="tab" aria-controls="nav-cobranca" aria-selected="false">Controle De Cobranças</a>
</div>
</nav>
<div class="tab-content pl-3 pt-2" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
</div>
<div class="tab-pane fade " id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
</div>
<div class="tab-pane fade " id="nav-bloqueios" role="tabpanel" aria-labelledby="nav-bloqueios-tab">
@Html.Action("_tblBloqueios", new { Id = Model.Id })
</div>
<div class="tab-pane fade " id="nav-financeiro" role="tabpanel" aria-labelledby="nav-financeiro-tab">
@Html.Action("_tableVencimentos", new { Id = Model.Id })
</div>
<div class="tab-pane fade " id="nav-cobranca" role="tabpanel" aria-labelledby="nav-cobranca-tab">
@Html.Action("_tableControleDeCobranca", new { Id = Model.Id })
</div>
</div>
</div>
Como eu posso fazer isso? não manjo muito de Js e nem Jquery. então toda e qualquer dica será bem vinda.