Example: ​http://jsfiddle.net/highwayoflife/8rgfm/ Actions: Click through the tabs multiple times.

If using nested tab panels within parent containers, and manually show/hiding those containers when a tab is activated/deactivated, instead of hiding/showing, the fx "toggle" will not hide a panel when the parent element is already hidden, but then hide the panel when it is activated. See the JSfiddle linked above for a clear example.

Tested on the latest github version of jquery.ui.tabs (v 1.9 m6)

This is related to #7665. In that bug, the radio buttons were ignoring mouseclicks if the mouse moved slightly during the click. That's fixed now and the button selects, but the click function does not fire under the same circumstances and it should fire for the same reasons.

I'm personally using several radio button sets in a dialog, and a click to a radio in the final set leads to a save and close of the dialog. This issue makes it more difficult to save/close and also leads to oddly having the clicked radio selected, but not saving/closing.

JSFiddle- ​http://jsfiddle.net/tLK4K/

The Tabs currently requires tab contents being at the same level as tablist:

<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Nunc tincidunt</a></li>
		<li><a href="#tabs-2">Proin dolor</a></li>
		<li><a href="#tabs-3">Aenean lacinia</a></li>
	</ul>
	<div id="tabs-1">
		(content)
	</div>
	<div id="tabs-2">
		(content)
	</div>
	<div id="tabs-3">
		(content)
	</div>
</div>

That doesn't work when tab contents aren't at the same level as tablist:

<section id="tabs">
	<header>
		<h2>Lorem Ipsum</h2>
		<nav>
			<h3>Table of Content</h3>
			<ul>
				<li><a href="#tabs-1">Nunc tincidunt</a></li>
				<li><a href="#tabs-2">Proin dolor</a></li>
				<li><a href="#tabs-3">Aenean lacinia</a></li>
			</ul>
		</nav>
	</header>
	<section id="tabs-1">
		(content)
	</section>
	<section id="tabs-2">
		(content)
	</section>
	<section id="tabs-3">
		(content)
	</section>
</section>