define a target div-container for jQuery ui tabs

Vote count:

0

the common way to define the container for the tab content is to append this container to the ul-tag. http://ift.tt/1nCythc

is it possible to define a custom div-container containg the content? my html code looks like this:

<div class="innerContainer clearfix">
    <div id="infoTabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all ui-tabs-whitepage">
        <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
            <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active"><a href="#info1">Test1</a></li>
            <li class="ui-state-default ui-corner-top"><a href="#info2">Test1</a></li>
            <li class="ui-state-default ui-corner-top"><a href="">Test1</a></li>
        </ul>
    </div>
</div>

<div id="myInfoTabs">
    <div id="info1">
        <div class="contentWhite">
            <div class="innerContainer">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium beatae, consectetur cupiditate debitis deleniti dolorum explicabo incidunt molestias omnis provident repellat repellendus similique soluta sunt totam veritatis vitae voluptas voluptatum!
            </div>
        </div>

        <div class="contentGray spacer">
            <div class="innerContainer">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium beatae, consectetur cupiditate debitis deleniti dolorum explicabo incidunt molestias omnis provident repellat repellendus similique soluta sunt totam veritatis vitae voluptas voluptatum!
            </div>
        </div>
    </div>

    <div id="info2">
        <div class="contentWhite">
            <div class="innerContainer">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium beatae, consectetur cupiditate debitis deleniti dolorum explicabo incidunt molestias omnis provident repellat repellendus similique soluta sunt totam veritatis vitae voluptas voluptatum!
            </div>
        </div>

        <div class="contentGray spacer">
            <div class="innerContainer">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium beatae, consectetur cupiditate debitis deleniti dolorum explicabo incidunt molestias omnis provident repellat repellendus similique soluta sunt totam veritatis vitae voluptas voluptatum!
            </div>
        </div>
    </div>
</div>

asked 30 secs ago

JuKe

56