Привет, кто знает как сделать в табах Вперед назад?
Например есть код..
$(document).ready(function() {
(function ($) {
$('.tab ul.tabs').addClass('active').find('> li:eq(0)').addClass('current');
$('.tab ul.tabs li a').click(function (g) {
var tab = $(this).closest('.tab'),
index = $(this).closest('li').index();
tab.find('ul.tabs > li').removeClass('current');
$(this).closest('li').addClass('current');
tab.find('.tab_content').find('div.tabs_item').not('div.tabs_item:eq(' + index + ')').slideUp();
tab.find('.tab_content').find('div.tabs_item:eq(' + index + ')').slideDown();
g.preventDefault();
} );
})(jQuery);
});
<div class="tab">
<ul class="tabs">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul> <!-- / tabs -->
<div class="tab_content">
<div class="tabs_item">
<button>Назад</button>
<p>Контент</p>
<button>Вперед</button>
</div>
<div class="tabs_item">
<button>Назад</button>
<p>Контент</p>
<button>Вперед</button>
</div>
<div class="tabs_item">
<button>Назад</button>
<p>Контент</p>
<button>Вперед</button>
</div>
</div>
</div>