How to use JqueryUI create new tabs with custom content

Question

I use Jquery UI to create tabs. I want create new tabs with content tab1 = content tab2

zongweil · Accepted Answer · 2012-10-22 02:33:55Z

1

You can use a bit of jQuery to accomplish this. Assuming that your jQuery UI tags code looks like:

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
    </ul>
    <div id="tabs-1"></div>
    <div id="tabs-2">Test content</div>
</div>

You can use something similar to the following to copy the content into the first tab.

var content = $('#tabs-2').html();
$('#tabs-1').html(content);

This code takes the HTML string within the tabs-2 div and stores it in a variable. It then sets the content in tabs-1 div to the variable.

answered Oct 22, 2012 at 2:33

zongweil

2,0512 gold badges21 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use JqueryUI create new tabs with custom content

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related