<div class="menu1">      
     <br id="tab2"/>     
     <a href="#tab1"><b>Ucoz</b></a>
<a href="#tab2"><b>VK</b></a>     
<div>     
     SITE
      </div>      
     <div id="second">
VK
     </div>

  #tab1,#tab2 {
display:none;
position:fixed;
}

.menu1 > a,.menu1 #tab2:target ~ a:nth-of-type(1) {
background:#fff;
border:1px solid #CAD3DA;
color:#098ed3;
line-height:32px;
padding:8px 15px;
text-shadow:#CAD3DA 1px 1px 2px;
}

.menu1 > div,.menu1 #tab2:target ~ div:nth-of-type(1) {
background:none;
border:0 solid #CAD3DA;
border-top:#fff;
display:none;
padding:5px;
}

.menu1 > div:nth-of-type(1),.menu1 #tab2:target ~ div:nth-of-type(2) {
display:block;
} 

* {
        padding:0px;
        margin:0px;
}
.center {
        width:60%;
        margin:20px auto 0 auto
}
.marginbot {
        margin-bottom:15px
}
ul.list li {
        list-style-type:none;
        margin-left:20px
}
ul.tabs {
        width:100%;
        overflow:hidden
}
ul.tabs li {
        list-style-type:none;
        display:block;
        float:left;
        color:#fff;
        padding:8px;
        margin-right:2px;
        border-bottom:2px solid #2f2f2f;
        background-color:#1f5e6f;
        -moz-border-radius:4px 4px 0 0;
        -webkit-border-radius:4px 4px 0 0;
        cursor:pointer
}
ul.tabs li:hover {
        background-color:#43b0ce
}
ul.tabs li.current {
        border-bottom:2px solid #43b0ce;
        background-color:#43b0ce;
        padding:8px
}
.tabscontent {
        border-top:5px solid #43b0ce;
        padding:8px 0 0 0;
        display:none;
        width:100%;
        text-align:justify
}

<script type="text/javascript">
(function ($) {
        $.fn.tytabs = function (options) {
            var defaults = {
                prefixtabs: "tab",
                prefixcontent: "content",
                classcontent: "tabscontent",
                tabinit: "1",
                catchget: "tab",
                fadespeed: "normal"
            }, opts = $.extend({}, defaults, options);
            return this.each(function () {
                var obj = $(this);
                opts.classcontent = "." + opts.classcontent;
                opts.prefixcontent = "#" + opts.prefixcontent;

                function showTab(id) {
                    $(opts.classcontent, obj).stop(true, true);
                    var contentvisible = $(opts.classcontent + ":visible", obj);
                    if (contentvisible.length > 0) {
                        contentvisible.fadeOut(opts.fadespeed, function () {
                            fadeincontent(id)
                        })
                    } else {
                        fadeincontent(id)
                    }
                    $("#" + opts.prefixtabs + opts.tabinit).removeAttr("class");
                    $("#" + opts.prefixtabs + id).attr("class", "current");
                    opts.tabinit = id
                }

                function fadeincontent(id) {
                    $(opts.prefixcontent + id, obj).fadeIn(opts.fadespeed)
                }
                $("ul.tabs li", obj).click(function () {
                    showTab($(this).attr("id").replace(opts.prefixtabs, ""));
                    return false
                });
                var tab = getvars(opts.catchget);
                showTab(((tab && $(opts.prefixcontent + tab).length == 1) ? tab : ($(opts.prefixcontent + opts.tabinit).length == 1) ? opts.tabinit : "1"))
            })
        };

        function getvars(q, s) {
            s = (s) ? s : window.location.search;
            var re = new RegExp("&" + q + "=([^&]*)", "i");
            return (s = s.replace(/^\?/, "&").match(re)) ? s = s[1] : s = ""
        }
})(jQuery);

$(document).ready(function () {
        $("#tabsholder").tytabs({
            tabinit: "1", // Какая вкладка активна по-умолчанию
            fadespeed: "slow" // Скорость анимации (fast, normal, slow)
        })
})

</script>

<div id="tabsholder">
        <ul class="tabs">
            <li id="tab1">Вкладка 1</li>
            <li id="tab2">Вкладка 2</li>
            <li id="tab3">Вкладка 3</li>
            <li id="tab4">Вкладка 4</li>
        </ul>
        <div class="contents marginbot">
            <div id="content1" class="tabscontent">Это супермодный мегаприятный для чтенияи восприятия текст</div>
            <div id="content2" class="tabscontent">Это супермодный мегаприятный для чтенияи восприятия текс 2</div>
            <div id="content3" class="tabscontent">Это супермодный мегаприятный для чтенияи восприятия текст 3</div>
            <div id="content4" class="tabscontent">Это супермодный мегаприятный для чтенияи восприятия текст 4</div>
        </div>
</div>

<!-- Put this script tag to the <head> of your page -->  
  <script type="text/javascript" src="//vk.com/js/api/openapi.js?82"></script>  

  <script type="text/javascript">  
   VK.init({apiId: 3431839, onlyWidgets: true});  
  </script>  

  <!-- Put this div tag to the place, where the Comments block will be -->  
  <div id="vk_comments"></div>  
  <script type="text/javascript">  
  VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "*"});  
  </script>