Question

On a button click I am making the tab visible but I have to actually then click on the tab to see the content. How can I see the tab content when I make the tab visible?

$('#searchPanelSubmit').click(function (e) {
            e.preventDefault(); 
            $('#tabs li:eq(2)').show();
});

Answer 1

Have a look at the documentation for jQuery UI Tabs, in particular the select method:

$('#searchPanelSubmit').click(function (e) {
    $('#tabs').tabs('select', 2);
    e.preventDefault(); 
});