Социальные табы

подскажите по какой причины не работают кнопки?

igrovik (05.02.2017 22:28):
<script type="text/javascript">
$(function(){
function showSoctabs(select) {
$('.tabs_soc').css({'height': '0px', 'overflow': 'hidden'});
select.css('height', '267px');
}
var randomizelt = Math.floor(Math.random()*2);
if (randomizelt == 0) {
showSoctabs($('.vk_tabs'));
} else {
showSoctabs($('.facebook_tabs'));
}
$(".soc_tabs li").eq(randomizelt).addClass('act_soc_tab');
$(".soc_tabs a").bind("click", function(event){
event.preventDefault();
$(".soc_tabs li").removeClass('act_soc_tab');
$(this).parent().addClass('act_soc_tab');
if (event.target.id == 'soc_tabs_vk') {
showSoctabs($('.vk_tabs'));
} else if(event.target.id == 'soc_tabs_fb') {
showSoctabs($('.facebook_tabs'));
} else if(event.target.id == 'soc_tabs_odn') {
showSoctabs($('.odnoklassniki_tabs'));
}
});
});
</script>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?75"></script>
<ul class="soc_tabs clearfix">
<li class="tabs_vk"><i></i><a id="soc_tabs_vk" href="#">ВКонтакте</a></li>
<li class="tabs_fb"><i></i><a id="soc_tabs_fb" href="#">Facebook</a></li>
<li class="tabs_odn"><i></i><a id="soc_tabs_odn" href="#">OK</a></li>
</ul>
<div class="socRight">
<div class="vk_tabs tabs_soc">
<div id="vk_groups"></div>
</div>
<script type="text/javascript">
var vkInitRight_status = false;
function vkInitRight() {
if (!vkInitRight_status) {
vkInitRight_status = true;
VK.Widgets.Group("vk_groups", {mode: 0, width: "217", height: "250"}, 108468);
}
}
if (typeof(VK) !== 'undefined') vkInitRight();
!function (d, id, did, st) {
var js = d.createElement("script");
js.src = "https://connect.ok.ru/connect.js";
js.onload = js.onreadystatechange = function () {
if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
if (!this.executed) {
this.executed = true;
setTimeout(function () {
OK.CONNECT.insertGroupWidget(id,did,st);
}, 0);
}
}}
d.documentElement.appendChild(js);
}(document,"ok_group_widget","52728120934492","{width:240,height:250}");
</script>

igrovik (05.02.2017 22:29):


igrovik (05.02.2017 22:35):
.socRight {
background: #f2f2f2;
width: 240px;
height: 262px;
margin: 0px 0 45px 0; }

.socRight .twitter {
background: #f2f2f2;
width: 233px;
height: 30px;
position: absolute;
margin: -6px 0 0 0px;
padding: 0px 3px 5px 4px; }

.socRight .twitter iframe {
padding-top: 6px; }

.socRight .vk_tabs {
width: 220px;
height: 250px;
overflow: hidden;
left: 10px;
overflow: hidden;
position: relative;
top: 10px; }

.tabs_soc {
overflow: hidden; }

.socRight .vk_tabs iframe {
margin: -21px 0 0 0; }

.socRight .facebook_tabs {
width: 240px;
height: 250px; }

.socRight .facebook_tabs iframe {
margin: -1px 0 0 -2px; }

#vkwidget1 {
margin-left: 2px; }

.act_soc_tab {
background: #f2f2f2; }

.act_soc_tab a {
cursor: default;
text-decoration: none !important; }

.soc_tabs {
list-style: none;
padding: 0px;
margin: 20px 0 0 0; }

.soc_tabs li {
list-style: none;
position: relative;
float: left;
font-size: 11px;
color: #000000; }

.soc_tabs li a {
font-size: 11px;
color: #000000;
position: relative;
padding-left: 20px;
text-decoration: underline;
display: block;
padding: 7px 10px 9px 30px; }

.soc_tabs li a:hover {
text-decoration: none; }

.soc_tabs li i {
background: url("/images/addTo.gif") repeat scroll 0 0 transparent;
position: absolute;
cursor: pointer;
display: block;
height: 16px;
overflow: hidden;
width: 16px;
margin: 7px 0 0 10px; }

.tabs_vk i {
background-position: -17px 0 !important; }

.tabs_fb i {
background-position: -34px 0 !important; }

.tabs_odn i {
background-position: -68px 0 !important; }

.tabs_soc #vk_groups {
position: relative;
top: 23px; }

 

так в том то и дела то что ошибок как токавых нет во всяком случаи я их не увидел

 

@Алексей Косинов,
1. исправь первый пост! Почитай правила: используй для для длинного текста - спойлер, для кода - код...
2. в коде - igrovik (05.02.2017 22:28): - это часть кода? Чистить от него код самому и проверять его работу?
3. стили CSS как минимум надо в коде оборачивать в <style>code</style>
4. Табы не делятся на социальные и нет, табы делятся на JS и CSS3, возможно и другие есть, но это первое что на ум пришло! Используй например - http://dbmast.ru/adaptivnye-vkladki-taby-na-css3 - всё будет работать без JS кода
5. Иногда поиск по форуму рулит - http://zerocoolpro.biz/forum/threads/kak-sdelat-taby.7038/

 

@igrovik, к тебе претензий вообще никаких, просто несколько очевидных фактов высказал в сторону ТС... Табы - они и в Африке табы, чтобы и кто бы в них ни засунул для вывода

И ещё если взялся вытаскивать табы и вытащил - почему они не работают? А вообще тем про табы хватает, поиск ТС в помощь.

 

Тс я сразу объяснил что влазить в код не буду, так как за 5 лет прогулов все знания с головы улетучились. Остались так малые воспоминания что и как делается . Табы вытаскивал по логике методом так сказать тыка Может и в этом проблема. Может мои кривые руки не все вытащили А возможно и наоборот может сам Тс что-то не то делает
Так что извиняй но я умываю ручки