0

Код:
[stayhome]<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

<center><div class="stay" position="absolute">

<!------ ИМЯ ------>
<div class="stayname">- - - - - Victoria von Trier - - - - -</div>

<div class="oformlenie_knopki" id="banner_1"><img src="https://forumstatic.ru/files/0014/2b/dd/44191.png"></div>
<div class="oformlenie_knopki" id="banner_2"><img src="https://forumstatic.ru/files/0014/2b/dd/76140.png"></div>


<!------ ПЛАШКИ ------>
<div id="vkladka1" style="display:block"><div class="stay1" position="absolute">
<div class="stayplash"><img src="https://i.imgur.com/MeMxcmu.png">
<img src="">
<img src="">
<img src="">
</div>

<!------ ПОДАРКИ ------>
<div class="stayicon"><img src="https://i.imgur.com/SYBOjuS.png">
<img src="https://i.ibb.co/LZ1PS43/11.png">
</div>

<!------ КВЕСТЫ ------>
<div class="stayquest">0</div>


<div class="oformlenie_knopki3" id="vkl_1"><img src="https://forumstatic.ru/files/0014/2b/dd/74606.png"></div>
<div class="oformlenie_knopki2" id="vkl_2"><img src="https://forumstatic.ru/files/0014/2b/dd/10170.png"></div>

<div id="s1" style="display:block">
<div class="stayobkt">
<div class="stayobkt1"><img src="https://forumstatic.ru/files/0014/2b/dd/25223.png"></div>

<!------ СТАНДАРТНЫЕ ОБЪЕКТЫ ------>
<div class="stayobkt2"><img src="https://i.imgur.com/m217oQ9.png" style="filter: grayscale(100%)" title="часы - 850$">
<img src="https://i.imgur.com/khUTlz0.png" style="filter: grayscale(100%)" title="телефон - 300$">
<img src="https://i.imgur.com/C7k8vyA.png" style="filter: grayscale(100%)" title="планшет - 500$">
<img src="https://i.imgur.com/Fu1pOuJ.png" style="filter: grayscale(100%)" title="ноутбук - 1 000$"></div>

<!------ ОБЪЕКТЫ ------>
<div class="stayobkt3">
</div>

</div></div>





<div id="s2" style="display:none">
<div class="stayspos">
<div class="stayspos2"><img src="https://forumstatic.ru/files/0014/2b/dd/48744.png"></div>

<!------ СПОСОБНОСТИ ------>
<div class="stayspos1">

</div>
</div></div>


</div></div>

<div id="vkladka2" style="display:none"><div class="stay2" position="absolute">

<!------ ОТНОШЕНИЯ ------>
<div class="otn">
<div class="otn1"><table><tr><td width="30%">
<a href="https://stayhome.rusff.me/profile.php?id=80"><img src="https://funkyimg.com/i/34XYP.jpg" style="border: 2px solid #859ccf; width: 50px; height: 50px;"></a></td>
<td width="70%">описание отношений</td>
</tr></table></div>
</div>


<!------ ХРОНОЛОГИЯ ------>
<div class="hron">
<table><tr>
<td width="15%">XX.XX.XXXX</td>
<td width="60%"><a href="ссылка на эпизод">название эпизода</a></td>
<td width="25%">Участники (не включая Вас)</td>
</tr></table>



</div>

</div></div>




   
</div>
</center>




 <script type="text/javascript">
                                    $(document).ready(function(){

    $("#vkl_1").click(function(){
    $("#s1").slideToggle();
    $("#s2").hide();
});

    $("#vkl_2").click(function(){
    $("#s1").hide();
    $("#s2").slideToggle();
});
                              });
        </script>

 <script type="text/javascript">
                                    $(document).ready(function(){

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

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