1

Код:
[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">- - - - - j. j. diamond - - - - -</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/1UdDKH5.png">
<img src="https://i.imgur.com/ixvGND2.png">
</div>

<!------ ПОДАРКИ ------>
<div class="stayicon">
</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>


<!------ ХРОНОЛОГИЯ ------>
<div class="hron">



</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>
Подпись автора

https://i.imgur.com/6SWQjKv.gif https://i.imgur.com/VP11RX6.gif https://i.imgur.com/qrdxvHI.gif https://i.imgur.com/zxXPvpQ.gif