.
Код:
[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">- - - - - sid bechowski - - - - -</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"> </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>