Merhaba.

Resimdeki gibi tab menüm var.
Örneğin 1 numaralı resimdeki 1.verinin detay ikonuna tıklayınca 2 numaralı resim kısmına gidiliyor.

Sorum şu:
Resim 2 de Geri Dön butonuna tıklayınca geri dönmesini ve Katıldığım Sınavlar tabının aktif olmasını istiyorum. Bunu nasıl yapabilirim?

Canlı Kod

<!--- Tab --->
<div class="card m-5 w-50">
<div class="card-header py-3">
	<ul class="nav" id="myTab" role="tablist">

		<!--- Bilgilerim Tab --->
		<li class="nav-item mr-3">
			<a class="btn btn-outline-danger active" id="myinfo-tab" data-toggle="tab" href="#myinfo" role="tab" aria-controls="myinfo" aria-selected="true">Bilgilerim</a>
		</li>
		<!--# Bilgilerim Tab #-->

		<!--- Katıldığım Sınavlar Tab --->
		<li class="nav-item mr-3">
			<a class="btn btn-outline-danger" id="myexams-tab" data-toggle="tab" href="#myexams" role="tab" aria-controls="myexams" aria-selected="false">Katıldığım Sınavlar</a>
		</li>
		<!--# Katıldığım Sınavlar Tab #-->
	</ul>
</div>
<!--# Tab #-->

<!--- Tab İçerik --->
<div class="card-body">
	<div class="tab-content" id="myTabContent">

		<!--- Bilgilerim Tab İçerik --->
		<div class="tab-pane fade show active" id="myinfo" role="tabpanel" aria-labelledby="myinfo-tab">
			<table class="table table-bordered mycolor">
				<tbody>
				<tr>
					<td class="bg-light align-middle" style="width:200px">Kullanıcı Adı</td>
					<td class="align-middle">Abdullah</td>
				</tr>
				<tr>
					<td class="bg-light align-middle" style="width:200px">Adı Soyadı</td>
					<td class="align-middle">Abdullah</td>
				</tr>
				
				</tbody>
			</table>
		</div>
		<!--# Bilgilerim Tab İçerik #-->

		<!--- Katıldığım Sınavlar Tab İçerik --->
		<div class="tab-pane fade" id="myexams" role="tabpanel" aria-labelledby="myexams-tab">
		   
			<table class="table table-bordered text-muted">
				<tbody class="bg-light">
				<tr class="text-center" style="font-size: 14px">
					<th class="">Sıra No</th>
					<th class="">Test Adı</th>
					<th class="">Tarih</th>
					<th class="">Detay</th>
				</tr>
				</tbody>
				<tbody class="mycolor">
			   
				<tr class="text-center">
					<td class="align-middle">1</td>
					<td class="align-middle">Test Adı</td>
					<td class="align-middle">Kayıt Zamanı</td>
					<td class="align-middle text-center">
						<a href="#" class="align-middle"><i class="fas fa-eye fa-2x"></i></a>
					</td>
				</tr>
			   
				</tbody>
			</table>

		</div>
		<!--# Katıldığım Sınavlar Tab İçerik #-->

	</div>
</div>
</div>
<!--# Tab İçerik #-->