<!--HTML-->
<!--- ХТМЛ: кнопки вкладок, не забываем убирать звездочку --->
   <script type="text/javascript">
                                    $(document).ready(function(){

    $("#banner_1").click(function(){
    $("#vkladka1").slideToggle();
    $("#vkladka2").hide();
    $("#vkladka3").hide();
});

    $("#banner_2").click(function(){
    $("#vkladka1").hide();
    $("#vkladka2").slideToggle();
    $("#vkladka3").hide();
});
   
     $("#banner_3").click(function(){
     $("#vkladka1").hide();
     $("#vkladka2").hide();
     $("#vkladka3").slideToggle();
});

                                    });
        </script>

<div class="oformlenie_knopki" id="banner_1">НАЗВАНИЕ ВКЛАДКИ 1</div>
<div class="oformlenie_knopki" id="banner_2">НАЗВАНИЕ ВКЛАДКИ 2</div>
<div class="oformlenie_knopki" id="banner_3">НАЗВАНИЕ ВКЛАДКИ 3</div>

<div id="vkladka1" style="display:none"><br>1текст текст текст текст</div>
<div id="vkladka2" style="display:none"><br>2текст текст текст текст</div>
<div id="vkladka3" style="display:none"><br>3текст текст текст текст</div>

       
       
     
<style type="text/css">
.oformlenie_knopki {
        display:inline-block;
        cursor: pointer;
        width: 180px;
        padding: 6px; /* отступ текста от края */
        background-color: #4f4e4e; /* цвет фона */
        text-align: center; /* центровка текста */
        font-family: Georgia;  /* шрифт */
        font-size: 12px; /* размер текста*/
        color: #d5d5d5; /* цвет текста */
    }
 
    </style>