Мне нужны нормальные простые табы. Начала по гуглу пробивать - пришел на "заводскую" страничку, нашел там код:
Code
<!DOCTYPE html>
<html>
<head>
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
<script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.tabs.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#tabs").tabs();
});
</script>
</head>
<body style="font-size:62.5%;">
<div id="tabs">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
</ul>
<div id="fragment-1">
<p>First tab is active by default:</p>
<pre><code>$('#example').tabs();</code></pre>
</div>
<div id="fragment-2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</div>
</div>
</body>
</html>
Дело в том, что мне нужно реализовать переключение между 2 вкладками (без супермегааццких наворотов, просто переключение).
Тут мне приходится загружать 2 скрипта (килобайт на 30-50) и 11 (!) таблиц стилей.
Есть ли нормальный вариант ужатых табов? Т.е. без этой мишуры всей.
Ситуацию усолжняет то, что вид корешков у табов я делаю не очень просто (т.е. визуально и наворочено), и с этими 11 таблицами стилей это тупо жесть (перекрытие свойств и полный хаос). С таким раскладом уже подумываю самому написать свапалку по-быстрому, но не хочется изобретать велосипед.
