Ui Tabs In Fancybox 2 With Inline Content. How To Go Directly To Tab On Click While Preserving Tabs

I have a fancybox with multiple instances of inline content. Once the fancybox is fired users can see different 'views' with the help of ui tabs. However I am trying to directly li

Solution 1:

This worked for me

$(document).on("click", ".menu", function() {
var target = $(this).data("target");

if (target == 'sources') {
    jQuery('.page_tabs').tabs({ active: 0 });
}
if (target == 'topics') {
    jQuery('.page_tabs').tabs({ active: 1 });
}
if (target == 'geography') {
    jQuery('.page_tabs').tabs({ active: 2 });
}
if (target == 'tools') {
    jQuery('.page_tabs').tabs({ active: 3 });
}
if (target == 'learn') {
    jQuery('.page_tabs').tabs({ active: 4 });
}
if (target == 'news') {
    jQuery('.page_tabs').tabs({ active: 5 });
}
});