Код:
[dohtml]
<script type="text/javascript">
$(document).ready(function(){
$("#banner_1").click(function(){
$("#vkladka1").fadeToggle(500);
$("#vkladka2").hide();
$("#vkladka3").hide();
$("#vkladka4").hide();
});
$("#banner_2").click(function(){
$("#vkladka1").hide();
$("#vkladka2").fadeToggle(500);
$("#vkladka3").hide();
$("#vkladka4").hide();
});
$("#banner_3").click(function(){
$("#vkladka1").hide();
$("#vkladka2").hide();
$("#vkladka3").fadeToggle(500);
$("#vkladka4").hide();
});
$("#banner_4").click(function(){
$("#vkladka1").hide();
$("#vkladka2").hide();
$("#vkladka3").hide();
$("#vkladka4").fadeToggle(500);
});
});
</script>
<center><div class="magazin"><div class="knopkicont"><div class="oformlenie_knopki" id="banner_1"><img src="https://forumstatic.ru/files/0019/97/fc/68161.jpg"></div>
<div class="oformlenie_knopki" id="banner_2"><img src="https://forumstatic.ru/files/0019/97/fc/24034.jpg"></div>
<div class="oformlenie_knopki" id="banner_3"><img src="https://forumstatic.ru/files/0019/97/fc/43251.jpg"></div>
<div class="oformlenie_knopki" id="banner_4"><img src="https://forumstatic.ru/files/0019/97/fc/80948.jpg"></div></div>
<div class="vkladkicont"><div id="vkladka1" style="display:block">
<div class="prodavan"><div class="prodavantxt">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. Donec eleifend elit luctus aliquet bibendum. In dapibus odio sit amet egestas convallis. In eu iaculis erat.</div>
<img src="https://forumstatic.ru/files/0019/97/fc/98848.jpg"></div>
<div class="tovarcont"><table><tr><td><div class="tovar" style="cursor: pointer" onclick="smile('[img]https://forumstatic.ru/files/0019/97/fc/51798.jpg[/img] цена [b]200[/b]')"><img src="https://forumstatic.ru/files/0019/97/fc/51798.jpg" title="описание">
<div class="tovarnaz">Название</div>
цена <b>200</b></td>
<td><div class="tovar" style="cursor: pointer" onclick="smile('[img]https://forumstatic.ru/files/0019/97/fc/51798.jpg[/img] цена [b]200[/b]')"><img src="https://forumstatic.ru/files/0019/97/fc/51798.jpg" title="описание">
<div class="tovarnaz">Название</div>
цена <b>200</b></td>
<td><div class="tovar" style="cursor: pointer" onclick="smile('[img]https://forumstatic.ru/files/0019/97/fc/51798.jpg[/img] цена [b]200[/b]')"><img src="https://forumstatic.ru/files/0019/97/fc/51798.jpg" title="описание">
<div class="tovarnaz">Название</div>
цена <b>200</b></td>
</tr>
</div>
</table>
</div>
</div>
<div id="vkladka2" style="display:none"><div class="prodavan"><div class="prodavantxt">Здесь тоже текст</div>
<img src="https://forumstatic.ru/files/0019/97/fc/98848.jpg"></div>
<div class="tovarcont"><table><tr><td><div class="tovar" style="cursor: pointer" onclick="smile('[img]https://forumstatic.ru/files/0019/97/fc/51798.jpg[/img] цена [b]200[/b]')"><img src="https://forumstatic.ru/files/0019/97/fc/51798.jpg" title="описание">
<div class="tovarnaz">Название</div>
цена <b>200</b></td>
<td><div class="tovar" style="cursor: pointer" onclick="smile('[img]https://forumstatic.ru/files/0019/97/fc/51798.jpg[/img] цена [b]200[/b]')"><img src="https://forumstatic.ru/files/0019/97/fc/51798.jpg" title="описание">
<div class="tovarnaz">Название</div>
цена <b>200</b></td>
<td><div class="tovar" style="cursor: pointer" onclick="smile('[img]https://forumstatic.ru/files/0019/97/fc/51798.jpg[/img] цена [b]200[/b]')"><img src="https://forumstatic.ru/files/0019/97/fc/51798.jpg" title="описание">
<div class="tovarnaz">Название</div>
цена <b>200</b></td>
</tr>
</div>
</table>
</div>
</div>
<div id="vkladka3" style="display:none"><div class="prodavan"><div class="prodavantxt">Еще текст</div>
<img src="https://forumstatic.ru/files/0019/97/fc/98848.jpg"></div>
<div class="tovarcont"><table><tr><td><div class="tovar" style="cursor: pointer" onclick="smile('[img]https://forumstatic.ru/files/0019/97/fc/51798.jpg[/img] цена [b]200[/b]')"><img src="https://forumstatic.ru/files/0019/97/fc/51798.jpg" title="описание">
<div class="tovarnaz">Название</div>
цена <b>200</b></td>
<td><div class="tovar" style="cursor: pointer" onclick="smile('[img]https://forumstatic.ru/files/0019/97/fc/51798.jpg[/img] цена [b]200[/b]')"><img src="https://forumstatic.ru/files/0019/97/fc/51798.jpg" title="описание">
<div class="tovarnaz">Название</div>
цена <b>200</b></td>
<td><div class="tovar" style="cursor: pointer" onclick="smile('[img]https://forumstatic.ru/files/0019/97/fc/51798.jpg[/img] цена [b]200[/b]')"><img src="https://forumstatic.ru/files/0019/97/fc/51798.jpg" title="описание">
<div class="tovarnaz">Название</div>
цена <b>200</b></td>
</tr>
</div>
</table>
</div>
</div>
<div id="vkladka4" style="display:none"><div class="prodavan"><div class="prodavantxt">И снова здравствуйте</div>
<img src="https://forumstatic.ru/files/0019/97/fc/98848.jpg"></div>
<div class="tovarcont"><table><tr><td><div class="tovar" style="cursor: pointer" onclick="smile('[img]https://forumstatic.ru/files/0019/97/fc/51798.jpg[/img] цена [b]200[/b]')"><img src="https://forumstatic.ru/files/0019/97/fc/51798.jpg" title="описание">
<div class="tovarnaz">Название</div>
цена <b>200</b></td>
<td><div class="tovar" style="cursor: pointer" onclick="smile('[img]https://forumstatic.ru/files/0019/97/fc/51798.jpg[/img] цена [b]200[/b]')"><img src="https://forumstatic.ru/files/0019/97/fc/51798.jpg" title="описание">
<div class="tovarnaz">Название</div>
цена <b>200</b></td>
<td><div class="tovar" style="cursor: pointer" onclick="smile('[img]https://forumstatic.ru/files/0019/97/fc/51798.jpg[/img] цена [b]200[/b]')"><img src="https://forumstatic.ru/files/0019/97/fc/51798.jpg" title="описание">
<div class="tovarnaz">Название</div>
цена <b>200</b></td>
</tr>
</div>
</table>
</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.









