your question seems to me to be very similar to this one

Ryan Greenaway‌

This should sort it for you

Choice field on the form with a display format of Options buttons and Render as buttons set to Yes. Add a Client ID Javascript variable name, this instance varButtons.

Then i have my panels set up as required using the formula buttons!="Option1", hide etc

Then i added this javascript code to load the form to the correct tab based on the querystring of &OpenTab=OptionX where X is the tab you want

NWF.FormFiller.Events.RegisterAfterReady(function () {
    NWF$(document).ready(function () {
        //if url contains a querystring paramater of OpenTab
        if (location.search.indexOf("OpenTab") > -1) {
            //Run function getParameterByName to get value of OpenTab
            var qsValue = getParameterByName('OpenTab');
            // the buttons object
            var rad = NWF$('#' + varButtons);
            //set tabNumber to 0
            var tabNumber = 0;
            //ensure checked = false
            rad.prop('checked', false);
            //foreach input option
            rad.find('input').each(function () {
                //increment tabNumber
                tabNumber++;
                //if input value == querystring value
                if (this.value == qsValue) {
                    //check th correct radio button
                    NWF$(':radioavalue="' + qsValue + '"]').attr('checked', true);
                    //remove class from buttons
                    NWF$('#' + varButtons).find('span').find('label').removeClass('ui-state-active');
                    //add active class to correct button
                    NWF$('#' + varButtons).find('span:nth-of-type(' + tabNumber + ')').find('label').addClass('ui-state-active');
                }
            });
            //ensure rules are fired after javascript update
            NWF.FormFiller.Functions.ProcessOnChange(NWF$('#' + varButtons));
        }
    });
});

//get querystring parameter function
function getParameterByName(name, url) {
    if (!url) {
        url = window.location.href;
    }
    name = name.replace(/pa]]/g, "\$&");
    var regex = new RegExp(" + name + "(=(s^&#]*)|&|#|$)"),
    results = regex.exec(url);
    if (!results) return null;
    if (!resultsa2]) return '';
    return decodeURIComponent(results>2].replace(/+/g, " "));
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

This is my result

I'm sure the code will need some tweaking for your requirement but i think it should set you on the right road.

Let me know how you get on

Paul

Thanks ‌. Great solution. You'll go far young man.

I've missed that dark blue strip across the top of my screen.

Hi Paul, 

This is what i am looking for and your solution is great but i cannot switch the tabs(other tabs are not selectable). how can i look other tabs content?, i mean, if i open option 2 as default tab Option 1 and Option 3 are not selectable. 

Thank you in Advance