I'm trying to clean up my JQuery code for my tabs. I have 3 different styles. How do I make the following shorter?
$(document).ready(function () {
$('.tabs-style1 li').click(function () {
var tab_id = $(this).attr('data-tab');
$('.tabs-style1 li').removeClass('current');
$('.tab-content-style1').removeClass('current');
$(this).addClass('current');
$("#" + tab_id).addClass('current');
})
})
$(document).ready(function () {
$('.tabs-style2 li').click(function () {
var tab_id = $(this).attr('data-tab');
$('.tabs-style2 li').removeClass('current');
$('.tab-content-style2').removeClass('current');
$(this).addClass('current');
$("#" + tab_id).addClass('current');
})
})
$(document).ready(function () {
$('.tabs-style3 li').click(function () {
var tab_id = $(this).attr('data-tab');
$('.tabs-style3 li').removeClass('current');
$('.tab-content-style3').removeClass('current');
$(this).addClass('current');
$("#" + tab_id).addClass('current');
})
})
Your help will be appreciated! http://michellecantin.ca/test/features/tabs/