jquery-tabs

If I have 4 tabs where the first 2 are loaded with ajax and the last 2 are static, how do I pre-load the 2 ajax tabs by default? For the moment, only the first tab is automatically loaded, the second one is loaded when clicked. I want them both to be loaded so that when I click the second one, the content is already loaded. I tried to call the load event on the second tab like this: $(document).ready(function () { $("#main-tabs").tabs({ cache: true }); $("#main-tabs").tabs("load", 1); }); And this loads the second tab, but for some strange reason, the first one doesn't load at all; not even

I have a form inside jQuery tabs; I create tabs in a simple way: $("#tabs").tabs({selected: 1}); The selected index 1 is the tab where form is placed. The problem is, on remote computer with IE6 both selects only display a small blank line instead of list with options when dropdown arrow is clicked: Incorrect dropdown http://queen3.at.tut.by/DropDownIE6jQuery.PNG The options are there in page source, and everything actually works on other machines, in other browsers and also in IE6 (though I use IETester). Everything also works if I remove tabs creation, that is .tabs() - options do appear and

I am using a nice simple tab example from Soh Tanaka. http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery I am trying to put multiple tab groups on the same page yet use the same classes for each tab group. I am making the content for the tabs dynamically, so making new classes for each tab group is out of the question. How do I use the same classes, same jQuery for the different tab groups? I know there is the .each() method available in jQuery, but I am having trouble trying to figure out the correct places to put it in the jQuery. Any help is greatly appreciated. Thanks in advance.

I have two tabs generated by jquery-ui . I do something in the Tab1 and on a button click, there is an AJAX call which displays the results in Tab2. So I want to change the active tab on button click ( after the ajax call finishes ). Can I do so? I've created a jsFiddle here I tried onclick='$("#tabs-2").trigger("click") '> but it didn't do anything. krasu Use onclick='$("#tabs").tabs( "select", "tabs-2" )' http://jqueryui.com/demos/tabs/#method-select As info (in case someone stumbles upon this later and gets an error on the select method) - In jQuery-UI 1.9+, the select method was deprecated

I know this problem is ancient, but I can't seem to find a clear instruction for it. The gist of the problem is the Google Map wouldn't load completely (partly shown) when it's loaded on a hidden (display:none) divs, e.g. jQuery tabs, etc. API V3 wouldn't accept checkResize() any more, the 'left:-1000px' is not an elegant solution. I've heard delaying constructing the map, and reload the map when click the tabs, but please help me on the exact codes. TMS Why do you say "left:-1000px' is not an elegant solution" ? It works for me greatly in API v2 and should work also for API v3 (not tested,