tab display error

[MartiWeb]

Switching from the ‘Popular’ tab to the ‘Recent’ tab displays both contents.
Only the first time.

---

Template Version: 4.1.0

[Support]

Hello, sorry about that issue, it’s missing the “active” class:

<div class="tabs">
	<ul class="nav nav-tabs">
		<li class="nav-item active">
			<a class="nav-link active" data-bs-target="#popular" href="#popular" data-bs-toggle="tab"><i class="fas fa-star"></i> Popular</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" data-bs-target="#recent" href="#recent" data-bs-toggle="tab">Recent</a>
		</li>
	</ul>
	<div class="tab-content">
		<div id="popular" class="tab-pane active">
			<p>Popular</p>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat.</p>
		</div>
		<div id="recent" class="tab-pane">
			<p>Recent</p>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat.</p>
		</div>
	</div>
</div>

Kind Regards.

---

[Author]

Posts