Добро пожаловать, подходите, не стесняйтесь!
Обязательно попробуйте наши чудесные команды! Каждая из них уникальна и неповторима, все ингредиенты настолько идеально сочетаются друг с другом, что их практически невозможно различить в общей вкусовой гамме. Решаясь влиться в один из миксов, вы автоматически становитесь членом большой и дружной семьи, где каждый является неотъемлемым звеном цепочки гастрономического оргазма.


Код:
<!--HTML--><center><table style ="layout:fixed; width:60%;">
<tr>
<td bgcolor=#acc67b colspan=2></td></tr>
<tr><td bgcolor=lightgray colspan=2>

   <script type="text/javascript">
                                    $(document).ready(function(){

    $("#b_1").click(function(){
    $("#v1").slideToggle();
    $("#v2").hide();
    $("#v3").hide();
    $("#v4").hide();
});

    $("#b_2").click(function(){
    $("#v1").hide();
    $("#v2").slideToggle();
    $("#v3").hide();
    $("#v4").hide();

});
   $("#b_3").click(function(){
    $("#v1").hide();
    $("#v2").hide();
    $("#v3").slideToggle();
    $("#v4").hide();
});
   $("#b_4").click(function(){
    $("#v1").hide();
    $("#v2").hide();
    $("#v3").hide();
    $("#v4").slideToggle();
});
});
        </script>


<centet><div class="oformlenie_knopki" id="b_1">ketchup</div>
<div class="oformlenie_knopki" id="b_2">cheese</div>
<div class="oformlenie_knopki" id="b_3">pesto</div>
<div class="oformlenie_knopki" id="b_4">tartar</div></center>



<div id="v1" style="display:block"><br>
<center><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<div style="margin: 20px; width: 300px; background: #f8f8f8; padding: 20px;">
<div style="font-family: open sans condensed; font-size: 12px; text-transform: lowercase; letter-spacing: 4px; padding-bottom: 10px;">

TEAM KETCHUP

</div><div style="border-left: #e8e8e8 1px solid; border-right: #e8e8e8 1px solid; padding: 10px; ">

<img src="https://s22.postimg.org/6snq4nbj5/jessica-stroup.png" width="75px" style="float: left; margin-right: 10px; margin-bottom: 5px; border: #ffffff 4px solid; ">

<div style="font-family: arial; font-size: 9px; text-align: justify; line-height: 8px;">

<br>Сочные помидорки и специи соединяются в этом чудесном соусе. Прародиной считается Китай, но с 19 века в Америке начинают его делать именно с томатами. Мы поливаем кетчупом макароны и картошку фри.
<br><u>Куратор:</u> Joy Barnett 
<br> Научит вас правильно поливать блюда кетчупом и поможет вам освоиться здесь.
</div></div></div>
<br><details>
   <summary>Участники команды:</summary>
   <p> Joy Barnett 
<br>James Foster
<br>Hannah West
<br>Jenna Sloan</p>
  </details>
</center>
</div>
<div id="v2" style="display:none"><br>
<center><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<div style="margin: 20px; width: 300px; background: #f8f8f8; padding: 20px;">
<div style="font-family: open sans condensed; font-size: 12px; text-transform: lowercase; letter-spacing: 4px; padding-bottom: 10px;">

Team cheese

</div><div style="border-left: #e8e8e8 1px solid; border-right: #e8e8e8 1px solid; padding: 10px; ">

<img src="https://s13.postimg.org/kbmp4391z/e40c1caf.jpg" width="75px" style="float: left; margin-right: 10px; margin-bottom: 5px; border: #ffffff 4px solid; ">

<div style="font-family: arial; font-size: 9px; text-align: justify; line-height: 8px;">

<br>Универсальная приправа на все случаи жизни.Основой сырного соуса служит французский соус бешамель. Самые изысканные вариации получаются с участием сока лимона и белых сухих вин.
<br><u>Куратор:</u> Nicolas Lefebvre
<br> Всегда поможет и обнимет. Решает вопросы мягко и деликатно. Но никогда не зовите его Николасом.

</div></div></div>
<br><details>
   <summary>Участники команды:</summary>
   <p> Nicolas Lefebvre
<br>Catherine LeBlanc
<br>Kita Mason
<br>Steven Gates</p>
  </details>
</center>
</div>

<div id="v3" style="display:none"><br>
<center><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<div style="margin: 20px; width: 300px; background: #f8f8f8; padding: 20px;">
<div style="font-family: open sans condensed; font-size: 12px; text-transform: lowercase; letter-spacing: 4px; padding-bottom: 10px;">

Team pesto

</div><div style="border-left: #e8e8e8 1px solid; border-right: #e8e8e8 1px solid; padding: 10px; ">

<img src="https://s17.postimg.org/iyig0ymsf/p_Ai_Ij_Fq_F3d8.jpg" width="75px" style="float: left; margin-right: 10px; margin-bottom: 5px; border: #ffffff 4px solid; ">

<div style="font-family: arial; font-size: 9px; text-align: justify; line-height: 8px;">

<br>Соус итальянской кухни на основе базилика, кедрового ореха, сыра и оливкового масла. Классической рецептуре песто уже более 200 лет. По давней итальянской традиции песто готовится в мраморной ступке с деревянным пестиком.
<br><u>Куратор:</u> Olivia Whitman
<br> Вдохновитель всего форума, раздает идеальные пинки.

</div></div></div>
<br><details>
   <summary>Участники команды:</summary>
   <p> Olivia Whitman<br>
    Aurora Palmer<br>
Ada Kranz <br></p>
  </details>
</center>
</div>       
 
<div id="v4" style="display:none"><br>
<center><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<div style="margin: 20px; width: 300px; background: #f8f8f8; padding: 20px;">
<div style="font-family: open sans condensed; font-size: 12px; text-transform: lowercase; letter-spacing: 4px; padding-bottom: 10px;">

Team tartar

</div><div style="border-left: #e8e8e8 1px solid; border-right: #e8e8e8 1px solid; padding: 10px; ">

<img src="https://s9.postimg.org/hw8q22v7z/matt_ryan.jpg" width="75px" style="float: left; margin-right: 10px; margin-bottom: 5px; border: #ffffff 4px solid; ">

<div style="font-family: arial; font-size: 9px; text-align: justify; line-height: 8px;">

<br>Классический холодный соус французской кухни из сваренного вкрутую желтка, растительного масла и зелёного лука. Подаётся к блюдам из птицы, к рыбе и ракообразным, а также мясу, приготовленному а‑ля диабль.
<br><u>Куратор:</u> John Rawson
<br> В любой непонятной ситуации - зови Джонни.

</div></div></div>
<br><details>
   <summary>Участники команды:</summary>
   <p> John Rawson<br>
Julia Booth<br>
Alan Fock </p>
  </details>
</center>
</div>        
                
      
<style type="text/css">
.oformlenie_knopki {
        display:inline-block;
        cursor: pointer;
        width: 80px; 
        padding: 6px; /* отступ текста от края */
        background-color: #0099CC; /* цвет фона */
        text-align: center; /* центровка текста */
        font-family: sans-serif;  /* шрифт */
        font-size: 14px; /* размер текста*/
        color: #333333;
        border-radius: 5px;        

    }
  
    </style>
</td></tr>
<tr>
<td bgcolor=#B0C4DE colspan=2></td></tr>
</table></center>