Testcase: jquery.ui.tabs 1.9pre FX Tab Switching Bug

Testcase for a bug discovered in the new jquery.ui.tabs v1.9. When you use the fx and have nested tab containers, they function inappropriately because the parent element doesn't contain a height, thus the "toggle" doesn't simply show or hide, but toggles.

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<article class="tabs">
    <header>
        <ul>
            <li><a href="#tabs1">Tabs 1</a></li>
            <li><a href="#tabs2">Tabs 2</a></li>
            <li><a href="#tabs3">Tabs 3</a></li>
        </ul>
    </header>
    <section>
        <div id="tabs1">
            <p>Tab 1 Content</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum feugiat tincidunt nunc eget auctor. Vestibulum at convallis turpis. Duis tincidunt lorem at est tincidunt auctor aliquet turpis pharetra. Sed egestas accumsan lorem, ac auctor sem mollis eget. Proin tortor odio, semper eget tincidunt vitae, condimentum non quam. Donec nec sapien eget dui auctor rhoncus. Nam vitae metus ut velit suscipit lobortis. Nullam adipiscing facilisis eleifend. Aliquam ultricies, sapien interdum scelerisque consequat, libero leo scelerisque nibh, sit amet commodo ligula sem in augue. Integer at lacinia libero. Aenean metus augue, posuere nec porta a, interdum et libero.</p>
        </div>
    </section>
    <section>
        <div id="tabs2">
            <p>Tab 2 Content</p>
            <p>Maecenas velit enim, luctus in eleifend vitae, mattis quis purus. Donec volutpat molestie eros vitae mollis. Aliquam non orci vel ipsum lacinia egestas. Nulla sit amet nibh ac eros fringilla aliquam sit amet vel odio. Nulla at sem sit amet augue rutrum vehicula. Suspendisse sed lectus sit amet sem pulvinar mollis. Phasellus bibendum, ante vel congue placerat, metus dolor ultricies magna, nec dictum urna risus convallis ligula. Pellentesque faucibus lobortis leo sed pulvinar. Morbi facilisis elementum sapien at commodo. Cras sagittis blandit dapibus. Aenean id augue sapien, non dictum massa.</p>
        </div>
    </section>
    <section>
        <div id="tabs3">
            <p>Tab 3 Content</p>
            <p>Proin condimentum ornare magna quis...

JavaScript

var tab_options = {
    fx: {
        height: 'toggle',
    },
    beforeActivate: function(event, ui) {
        ui.oldPanel.parent('section').hide();
        ui.newPanel.parent('section').show();
    }
}

$('article.tabs').tabs(tab_options);