Can someone help me solve a major issue? I need the content of each tab to overlap as if they are unaware of each other. Currently, my code is saved in this fiddle: https://jsfiddle.net/axq882de/1/. When I click on different tabs, the contents should remain in the same position.
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">The Projects</div>
<ul class="nav nav-tabs" id='nav-wrapper'>
<li id='nav-overview' class="active"><a data-toggle="pill" href="#overview">Overview</a></li>
<li id='nav-text'><a data-toggle="pill" href="#text">Text</a></li>
<li id='nav-rules'><a data-toggle="pill" href="#rules">Rules</a></li>
</ul>
<div id="wrapper" class="panel-body m100">
<div id='overview' class="tab-pane fade in active">
Name: Elsor <br>
Employees: LukvonStrom tempralino Pop3y Chkarist M4st3mM4yh3m localhost2148 Chrzi <br>
<p id="id" style="margin-bottom: 1.3em; font-size: 14px; line-height: 21px;">
<iframe src="https://map.die-bruderschaft.org?worldname=world&mapname=surface2&zoom=5&x=1036&y=64&z=-517" width="500px" height="500px"></iframe></p>
</div>
<div id='text' class="tab-pane fade">
<p> Elsor is the spawn and main city of the server </p><br>
</div>
<div id='rules' class="tab-pane fade">
<p> Only one free plot and one purchased plot per user allowed. The plot boundary can only be removed but not built upon at the entrance area, except for the roof, which may overlap. The house must adhere to the city's building style, and immediate changes are required upon warning. Free plots can be easily developed and must be restored to their original state upon vacating. Non-free plots can be acquired from a team member. For shared accommodations, an additional 500 Dz per resident is charged. Moving is only possible to an equal or larger plot and incurs the difference in plot prices plus a 1000 Dz relocation fee. In case of inactivity without notice, the house will be demolished (Purchased plots: 4 weeks, Free plots: 2 weeks). Only the ground and mezzanine floor can be altered in shops. Changes to external walls and roofs are prohibited. Shops must be acquired from a team member. In case of inactivity without notice, expropriation occurs after 4 weeks. </p><br>
</div>
</div>
</div>
</div>
</div>
Thank you for taking the time to answer this question and saving me valuable time :)