Хотел разместить на одной странице восемь одинаковых табов но после размещены второго секторы который отображают контент перестали работать не пойму в чем дело? вот ссылка на Табы (смотреть)
<!DOCTYPE html>
<!-- tabs -->
<link rel="stylesheet" type="text/css" href="http://vizitkimsk.com/ar/demo-tab.css" />
<link rel="stylesheet" type="text/css" href="http://vizitkimsk.com/ar/component-tab.css" />
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<div id="tabs" class="tabs">
<nav>
<ul>
<li><a href="#section-1"><b><i class="fa fa-file-o"></i><span> ОДНОСТОРОННИЕ</b></span></a></li>
<li><a href="#section-2"><b><i class="fa fa-files-o"></i><span> ДВУСТОРОННИЕ</b></span></a></li>
</ul>
</nav>
<div class="content">
<section id="section-1">
11111111
<section id="section-2">
22222222
<div id="tabs" class="tabs">
<nav>
<ul>
<li><a href="#section-1"><b><i class="fa fa-file-o"></i><span> ОДНОСТОРОННИЕ</b></span></a></li>
<li><a href="#section-2"><b><i class="fa fa-files-o"></i><span> ДВУСТОРОННИЕ</b></span></a></li>
</ul>
</nav>
<div class="content">
<section id="section-1">
3333333
<section id="section-2">
4444444
<script src="http://vizitkimsk.com/ar/cbpFWTabs.js"></script>
<script>
new CBPFWTabs( document.getElementById( 'tabs' ) );
</script>
new CBPFWTabs( document.getElementById( 'tabs1' ) ); new CBPFWTabs( document.getElementById( 'tabs2' ) );
и т.д.