How to change tabs programmatically?

Question

Im using http://www.menucool.com/tabbed-content to make tabs. Is there any way to change tabs by jquery/javascript ? i have tried $("tab1").click();

Created a fiddle for this- https://jsfiddle.net/6e3y9663/1/

Answer 1

Play with the selected class

$('.tabs').find('li.selected').removeClass('selected');//reset the tab buttons
$('#desiredTab').parent().addClass('selected');//or $('li a[href="#tab1"]').parent().addClass('selected'); - select the desired tab header
id = $('#desiredTab').attr('href');
$(id).siblings().hide();//reset the tab content
$(id).show();//$('#tab1').show();  -show the desired tab content

demo: https://jsfiddle.net/6e3y9663/5/