<!---------------------------------------------->

<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/vsodauf7fzf96vv/style_shop.css">

<p class="toptext">Some text</p>



<div id="shop_tabs">
	<div class="idtabs">
<!--закладки-->
 <ul class="tabs tabstop"> 
<li class="tab shop-navlink" id="info1"><a href="#tab-a" class="active"><span>Магазин</span></a></li>
<li class="tab shop-navlink" id="info2"><a href="#tab-b"><span>Новости</span></a></li>
<li class="tab shop-navlink" id="info3"><a href="#tab-c"><span>Оформление покупки</span></a></li>
 </ul> 
 <ul class="tabs"> 
    <li id="but1" class="tab"><a href="#tab1" ><span>Вкусности</span></a></li>
    <li id="but2" class="tab"><a href="#tab2" ><span>Напитки</span></a></li>
    <li id="but3" class="tab"><a href="#tab3" ><span>Цветы</span></a></li>
    <li id="but4" class="tab"><a href="#tab4" ><span>Романтика</span></a></li>
    <li id="but5" class="tab"><a href="#tab5" ><span>Для Женщин</span></a></li>
    <li id="but6" class="tab"><a href="#tab6" ><span>Для Мужчин</span></a></li>
    <li id="but7" class="tab"><a href="#tab7" ><span>Оружие</span></a></li>
    <li id="but8" class="tab"><a href="#tab8" ><span>Шуточные</span></a></li>
    <li id="but9" class="tab"><a href="#tab9" ><span>«Поздравляем!»</span></a></li>
    <li id="but10" class="tab"><a href="#tab10" ><span>Праздничные</span></a></li>

 </ul> 

<!--конец закладок-->

 <!--контент закладок-->
 <div id="tab0001" class="anno-content"></div> 

 <!--конец контент закладок-->
</div><!-- idtabs end -->
</div><!-- shop_tabs end -->
<script>
$( "#shop_tabs .tabs li.tab[id^='but']> a" ).click(function() {
  var link=$(this)[0].href.replace('presents#','')
  $('#tab0001').empty();
  $('#tab0001').load(link+" #pun-main .anno-content[id]:first >*")
  return false;
});
$( "#but1 > a" ).click()

$( ".item-buy" ).live('click',function() {
  $( ".item-code", this).toggle( "fast" );
});
</script>