Столкнулся с проблемой:
Пытаюсь вставить tab бар, (Уж очень он мне понравился)
<div id="vkladka"> <li><a href="#" name="#ta1">Один</a></li> <li><a href="#" name="#tab2">Два</a></li> <li><a href="#" name="#tab3">Три</a></li> <li><a href="#" name="#tab4">Четыре</a></li> </div> <div id="content"> <div id="ta1">...</div> <div id="tab2">...</div> <div id="tab3">...</div> <div id="tab4">...</div> </div> <script type="text/javascript"> function resetTabs(){ $("#content div").hide(); $("#vkladka a").attr("id",""); } var myUrl = window.location.href; var myUrlTab = myUrl.substring(myUrl.indexOf("#")); var myUrlTabName = myUrlTab.substring(0,4); // (function(){ $("#content div").hide(); // $("#vkladka li:first a").attr("id","current"); $("#content div:first").fadeIn(); $("#vkladka a").on("click",function(e) { e.preventDefault(); if ($(this).attr("id") == "current"){ return } else{ resetTabs(); $(this).attr("id","current"); $($(this).attr('name')).fadeIn(); } }); for (i = 1; i <= $("#vkladka li").length; i++) { if (myUrlTab == myUrlTabName + i) { resetTabs(); $("a[name='"+myUrlTab+"']").attr("id","current"); $(myUrlTab).fadeIn(); } } })() </script>
<script src="/templates/.../js/jquery-1.7.2.min.js либо (jquery-1.8.3.js) " type="text/javascript"></script>
Профиль
Лента
Клубы
Награды
(то есть столбиком)
Как можно решить эту проблему?