Таблица. Не отображаются вкладки-переключатели

Поделиться1Чт, 25 Сен 2014 20:34:58

Автор: nicknaame
Заслуженный
Зарегистрирован: Пн, 25 Авг 2014
Сообщений: 63
Уважение: +15
Позитив: +30
Последний визит:
Вс, 10 Май 2020 22:59:23

Добрых суток)
Вновь обращаюсь сюда, но по другой проблеме: установила скрипт из сообщения 107, настроила его, но беда в том, что не отображаются вкладки, кроме самой активной "main" (при переключении на остальные она просто заменяется).
Мне не нужен какой-то особый фон, нужны только картинки-названия вкладок. Можно ли как-то настроить или придется пробовать другой вариант скрипта?
Ссылка на тестовик: http://heo.pogovorim.su/

0

Поделиться2Чт, 25 Сен 2014 22:16:09

Автор: Reysler
LastMan
Зарегистрирован: Вт, 9 Дек 2008
Сообщений: 3418
Уважение: +2105
Позитив: +675
Пол: Мужской
Последний визит:
Пн, 22 Апр 2024 13:50:55

nicknaame
В HTML-верх найдите код

<script type="text/javascript">
$.fn.switch_tabs = function() {
var tbl = this,knopK = $("img[data^='tab']",tbl);
knopK.each(function(){
var arr = $(this).attr('data').split(",");
$(this).css("background-image","url("+arr[1]+")")
}); knopK.css("background-position","120% 10000px")
knopK.css("background-repeat","no-repeat")
knopK.click(function(){
knopK.removeClass('active');
$(this).addClass('active');
var arr = $(this).attr('data').split(",");
tbl.css("background-image","url("+arr[1]+")")
$(".tab-content",tbl).hide();
$("#"+arr[0]+"",tbl).show();
});
}
</script>