Код:
[dohtml]
<script type="text/javascript">
$(document).ready(function(){
$("#banner_1").click(function(){
$("#vkladka1").fadeToggle(500);
$("#vkladka2").hide();
});
$("#banner_2").click(function(){
$("#vkladka1").hide();
$("#vkladka2").fadeToggle(500);
});
});
</script>
<center><div class="taverna">
<div class="tavernakn"><div class="oformlenie_knopki2" id="banner_1"><img src="https://forumstatic.ru/files/0019/97/fc/60843.jpg"></div>
<div class="oformlenie_knopki2" id="banner_2"><img src="https://forumstatic.ru/files/0019/97/fc/10183.jpg"></div></div>
<div class="tavernacnt"><div id="vkladka1" style="display:block">
<div class="kvtelo">
<div class="kvestcont"><div class="kv"><div class="kvestname">Название квеста</div>
<div class="kvestst1">литературный</div>
<div class="kvestinf"><kv>дата квеста [2/6]</kv>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet egestas convallis. In eu iaculis erat. Nam accumsan tellus sed eros pulvinar lacinia. </p>
<kv>вознаграждение такое-то</kv></div>
</div>
<div class="kvestmini"><kv>условия</kv><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet.
</div>
<div class="kvus"><kv><u>участники</u></kv> Имя Фамилия, Имя Фамилия</div></div>
<div class="kvestcont"><div class="kv"><div class="kvestname">Название квеста</div>
<div class="kvestst1">литературный</div>
<div class="kvestinf"><kv>дата квеста [2/6]</kv>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet egestas convallis. In eu iaculis erat. Nam accumsan tellus sed eros pulvinar lacinia. </p>
<kv>вознаграждение такое-то</kv></div>
</div>
<div class="kvestmini"><kv>условия</kv><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet.
</div>
<div class="kvus"><kv><u>участники</u></kv> Имя Фамилия, Имя Фамилия</div></div>
<div class="kvestcont"><div class="kv"><div class="kvestname">Название квеста</div>
<div class="kvestst2">активный мастер игры</div>
<div class="kvestinf"><kv>дата квеста [2/6]</kv>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet egestas convallis. In eu iaculis erat. Nam accumsan tellus sed eros pulvinar lacinia. </p>
<kv>вознаграждение такое-то</kv></div>
</div>
<div class="kvestmini"><kv>условия</kv><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet.
</div>
<div class="kvus"><kv><u>участники</u></kv> Имя Фамилия, Имя Фамилия</div></div>
<div class="kvestcont"><div class="kv"><div class="kvestname">Название квеста</div>
<div class="kvestst3">сюжетный квест</div>
<div class="kvestinf"><kv>дата квеста [2/6]</kv>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet egestas convallis. In eu iaculis erat. Nam accumsan tellus sed eros pulvinar lacinia. </p>
<kv>вознаграждение такое-то</kv></div>
</div>
<div class="kvestmini"><kv>условия</kv><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet.
</div>
<div class="kvus"><kv><u>участники</u></kv> Имя Фамилия, Имя Фамилия</div></div>
</div>
</div>
<div id="vkladka2" style="display:none">
<div class="kvtelo">
<div class="kvestcont"><div class="kv"><div class="kvestname">Название квеста</div>
<div class="kvestst4">командный квест</div>
<div class="kvestinf"><kv>дата квеста [2/6]</kv>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet egestas convallis. In eu iaculis erat. Nam accumsan tellus sed eros pulvinar lacinia. </p>
<kv>вознаграждение такое-то</kv></div>
</div>
<div class="kvestmini"><kv>условия</kv><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet.
</div>
<div class="kvus"><kv><u>участники</u></kv> Имя Фамилия, Имя Фамилия</div></div>
<div class="kvestcont"><div class="kv"><div class="kvestname">Название квеста</div>
<div class="kvestst1">литературный</div>
<div class="kvestinf"><kv>дата квеста [2/6]</kv>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet egestas convallis. In eu iaculis erat. Nam accumsan tellus sed eros pulvinar lacinia. </p>
<kv>вознаграждение такое-то</kv></div>
</div>
<div class="kvestmini"><kv>условия</kv><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet.
</div>
<div class="kvus"><kv><u>участники</u></kv> Имя Фамилия, Имя Фамилия</div></div>
<div class="kvestcont"><div class="kv"><div class="kvestname">Название квеста</div>
<div class="kvestst1">литературный</div>
<div class="kvestinf"><kv>дата квеста [2/6]</kv>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet egestas convallis. In eu iaculis erat. Nam accumsan tellus sed eros pulvinar lacinia. </p>
<kv>вознаграждение такое-то</kv></div>
</div>
<div class="kvestmini"><kv>условия</kv><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet.
</div>
<div class="kvus"><kv><u>участники</u></kv> Имя Фамилия, Имя Фамилия</div></div>
<div class="kvestcont"><div class="kv"><div class="kvestname">Название квеста</div>
<div class="kvestst1">литературный</div>
<div class="kvestinf"><kv>дата квеста [2/6]</kv>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet egestas convallis. In eu iaculis erat. Nam accumsan tellus sed eros pulvinar lacinia. </p>
<kv>вознаграждение такое-то</kv></div>
</div>
<div class="kvestmini"><kv>условия</kv><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus nisi tellus. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet.
</div>
<div class="kvus"><kv><u>участники</u></kv> Имя Фамилия, Имя Фамилия</div></div>
</div>
</div>
</div>
</div></center>
Cras velit mauris, consequat ullamcorper luctus ut, vehicula quis enim. Fusce vehicula nunc sit amet ligula venenatis sodales. Vivamus ac arcu dui. Cras turpis justo, ullamcorper non tellus vel, facilisis venenatis velit.
Cras velit mauris, consequat ullamcorper luctus ut, vehicula quis enim. Fusce vehicula nunc sit amet ligula venenatis sodales. Vivamus ac arcu dui. Cras turpis justo, ullamcorper non tellus vel, facilisis venenatis velit.









