По аналогии.
<div id="tabsHead">
<a id="tabDescrA" href="javascript://">Описание</a>
<a id="tabImgA" href="javascript://" class="bigBtnHov">Изображения</a>
<a id="tabCommA" href="javascript://" class="bigBtnHov">Отзывы</a>
<a id="tabVideoA" href="javascript://" class="bigBtnHov">Видео</a>
<a id="tabSpecsA" href="javascript://" class="bigBtnHov">Технические характеристики</a>
</div>
<div id="tabVideoC">Тут что касается видео</div>
<div id="tabSpecsC">Тут что касается характеристик</div>
Внизу страницы у вас есть закодированный js код ui.js
Так вот. Если его раскодировать, то мы увидим продолжение того, что делает ваши дивы вкладками. Собственно, вот этот код + внес добавки по новым вкладкам. (вставьте вместо того):
jQuery.fn.replaceMe = function () {
$("ul:first", this).removeAttr("id").removeAttr("class").removeAttr("style").addClass("uMenuRoot");
return $("div", this).each(function () {
$(this).replaceWith(this.childNodes)
}).end()
};
$("nav").replaceMe();
$(function () {
if ($("#device_type").width() >= 940) {
$(".uMenuRoot > li > ul").addClass("submenu");
$(".uMenuRoot li").hover(function () {
$(this).find("ul:first").stop().fadeIn(300);
$(this).addClass("active")
},
function () {
$(this).find("ul:first").fadeOut(0);
$(this).removeClass("active")
});
$(".uMenuRoot li:has(.submenu)").addClass("level-item2");
$(".submenu li:has(ul)").addClass("level-item")
};
$('#goTop').click(function () {
$('body,html').animate({
scrollTop: 0
},
800);
return false
});
if ($("#device_type").width() <= 730) {
$("nav").before("<div class='show_menu'>Меню сайта</div>");
$(".show_menu").click(function () {
$(this).addClass("show_menu_active");
$("nav").toggle()
});
$("nav ul li:has(ul) a").addClass("has_ul");
$("nav ul li:has(ul)").click(function () {
$(this).find("ul").toggle()
})
};
if ($("#device_type").width() <= 500) {
$(".list-item").addClass("list-ap")
};
$(".sort_thumbnails").click(function () {
$(".sort_icons div").removeClass("sort_opacity");
$(this).addClass("sort_opacity");
$(".list-item").removeClass("list-ap")
});
$(".sort_list").click(function () {
$(".sort_icons div").removeClass("sort_opacity");
$(this).addClass("sort_opacity");
$(".list-item").addClass("list-ap")
});
$(".g_buttons input[type='button']").addClass("big_more").css({
float: 'right',
border: 'none',
borderRadius: '5px',
margin: 0
});
$(".g_buttons input[type='button']:first").addClass("big_more_inverse").css('float', 'left');
$("#tabsHead a").click(function () {
$(".tabsCnt").stop().fadeOut(0);
$("#tabsHead a").addClass("bigBtnHov");
$(this).removeClass("bigBtnHov");
if (this.id == 'tabDescrA') {
$("#tabDescrC").fadeIn(300)
} else if (this.id == 'tabCommA') {
$("#tabCommC").fadeIn(300)
} else if (this.id == 'tabImgA') {
$("#tabImgC").fadeIn(300)
} else if (this.id == 'tabVideoA') {
$("#tabVideoC").fadeIn(300)
} else {
$("#tabSpecsC").fadeIn(300)
};
});
$(".commTd2:has('.securityCode') img:last").attr('src', '/img/refresh.png').css('margin-left', '5px')
});// JavaScript Document
Контент-модули
Продвижение сайта
Управление сайтом