ЗАНЯТЫЕ ВНЕШНОСТИ И ИМЕНА

— За одним персонажем после принятия анкеты закрепляется одна внешность, одно имя и одна фамилия. Все занятые имена и фамилии, а так же внешности подлежат дубляжу только в случае родственных связей или с согласия игрока.
— Первая смена внешности персонажа бесплатна, вторая и дальше - за форумную валюту.
— Внешности, имена и фамилии для твинков и заявок игроков предварительно выкупаются за форумную валюту в теме банка и придерживаются в теме гостевой.

Код:
<!--HTML-->
   <script type="text/javascript">
                                    $(document).ready(function(){

    $("#banner_1").click(function(){
    $("#vkladka1").fadeToggle();
    $("#vkladka2").hide();
});

    $("#banner_2").click(function(){
    $("#vkladka1").hide();
    $("#vkladka2").fadeToggle();
}); });
</script>


<style type="text/css">
.menutabs {
display: block;
margin-left: 34px;
width: 592px;
height: 740px;
border-radius: 5px;
background: url(https://forumstatic.ru/files/001c/b4/72/73837.png);}

.textt {
    margin: 22px 0px 0px 30px;
    width: 510px;
    height: 610px;
    overflow: auto;
    font-family: Verdana;
    font-size: 11px;
    color: #121616;
    text-align: center;
}

.textt a{ 
color: #35616c!important;} 
.textt a:hover {
    color: #604d6d !important;}

.oformlenie_knopki {
    cursor: pointer;
    display: inline-block;
    margin-top: 25px;
    text-align: center;
    width: 220px;
    font-family: 'El Messiri Medium';
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--link);
    background-color: #a7a3ad;
    border-radius: 5px;
}

#banner_1 {
  margin-left: 64px
}

#banner_2 {
margin-left: 27px;
}
</style>


<div class="menutabs">
<div class="oformlenie_knopki" id="banner_1">Занятые внешности</div>
<div class="oformlenie_knopki" id="banner_2">Имена и фамилии</div>

<div class="textt" id="vkladka1">
<table td width="100%"><tr><td width="50%">
<b>FEMALE</b>
</td><td td width="50%">
<b>MALE</b>
</td></tr>
<tr> 
<td>A — B — C</td>

<td>A — B — C</td>
</tr><tr><td>
внешность - <a href="ссылка">имя</a><br>
</td><td>
внешность - <a href="ссылка">имя</a><br>
</td></tr><tr>
<td>D — E — F</td>

<td>D — E — F</td>
</tr><tr><td>
внешность - <a href="ссылка">имя</a><br>
</td><td>
внешность - <a href="ссылка">имя</a><br>
</td></tr><tr>
<td>G — H — I</td>

<td>G — H — I</td>
</tr><tr><td>
внешность - <a href="ссылка">имя</a><br>
</td><td>
внешность - <a href="ссылка">имя</a><br>
</td></tr><tr>
<td>J — K — L</td>
<td>J — K — L</td>
</tr><tr><td>
внешность - <a href="ссылка">имя</a><br>
</td><td>
внешность - <a href="ссылка">имя</a><br>
</td></tr><tr>
<td>M — N — O</td>
<td>M — N — O</td>
</tr><tr><td>
внешность - <a href="ссылка">имя</a><br>
</td><td>
внешность - <a href="ссылка">имя</a><br>
</td></tr><tr>
<td>P — Q — R</td>
<td>P — Q — R</td>
</tr><tr><td>
внешность - <a href="ссылка">имя</a><br>
</td><td>
внешность - <a href="ссылка">имя</a><br>
</td></tr><tr>
<td>S — T — U</td>
<td>S — T — U</td>
</tr><tr><td>
внешность - <a href="ссылка">имя</a><br>
</td><td>
внешность - <a href="ссылка">имя</a><br>
</td></tr><tr>
<td>V — W — X</td>
<td>V — W — X</td>
</tr><tr><td>
внешность - <a href="ссылка">имя</a><br>
</td><td>
внешность - <a href="ссылка">имя</a><br>
</td></tr><tr>
<td>Y — Z</td>
<td>Y — Z</td>
</tr><tr><td>
внешность - <a href="ссылка">имя</a><br>
</td><td>
внешность - <a href="ссылка">имя</a><br>
</td></tr><tr>
</table>
</div>

<div class="textt" id="vkladka2" style="display:none">
<table td width="100%"><tr><td width="50%">
<b>NAME</b>
</td><td td width="50%">
<b>SURNAME</b>
</td></tr>
<tr> 
<td>A — B — C</td>
<td>A — B — C</td>
</tr><tr><td>
name - <a href="ссылка">имя</a> [m/f/n]<br>
</td><td>
surname - <a href="ссылка">фамилия</a> <br>
</td></tr><tr>
<td>D — E — F</td>
<td>D — E — F</td>
</tr><tr><td>
name - <a href="ссылка">имя</a> [m/f/n]<br>
</td><td>
surname - <a href="ссылка">фамилия</a> <br>
</td></tr><tr>
<td>G — H — I</td>
<td>G — H — I</td>
</tr><tr><td>
name - <a href="ссылка">имя</a> [m/f/n]<br>
</td><td>
surname - <a href="ссылка">фамилия</a> <br>
</td></tr><tr>
<td>J — K — L</td>
<td>J — K — L</td>
</tr><tr><td>
name - <a href="ссылка">имя</a> [m/f/n]<br>
</td><td>
surname - <a href="ссылка">фамилия</a> <br>
</td></tr><tr>
<td>M — N — O</td>
<td>M — N — O</td>
</tr><tr><td>
name - <a href="ссылка">имя</a> [m/f/n]<br>
</td><td>
surname - <a href="ссылка">фамилия</a> <br>
</td></tr><tr>
<td>P — Q — R</td>
<td>P — Q — R</td>
</tr><tr><td>
name - <a href="ссылка">имя</a> [m/f/n]<br>
</td><td>
surname - <a href="ссылка">фамилия</a> <br>
</td></tr><tr>
<td>S — T — U</td>
<td>S — T — U</td>
</tr><tr><td>
name - <a href="ссылка">имя</a> [m/f/n]<br>
</td><td>
surname - <a href="ссылка">фамилия</a> <br>
</td></tr><tr>
<td>V — W — X</td>
<td>V — W — X</td>
</tr><tr><td>
name - <a href="ссылка">имя</a> [m/f/n]<br>
</td><td>
surname - <a href="ссылка">фамилия</a> <br>
</td></tr><tr>
<td>Y — Z</td>
<td>Y — Z</td>
</tr><tr><td>

</td><td>

</td></tr>
</table>
</div>
</div>