Nested Content from Umco. You create can create all the document types you like, for you different tabs, and then within the same property you can add and remove them. Alternatively Archetype, which is the same thing give or take.

I have achieved what I wants using below code in template.

I have tab document type and Tab Page Item page and both document types has tab name text field and content grid.

and in permissions I allow tab page Item allow child on tab page.

then in template I have added below code and It generate by tabs

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
    Layout = "Master.cshtml";
}
<div id="tabs">
    <ul>
    <li><a href="#tabs-1">@CurrentPage.TabName</a></li>
    @{
        var countlink=2;
        foreach ( var child in CurrentPage.Children )
        {
            <li><a href="#tabs-@countlink" >@child.tabName</a></li>
                countlink++;          
        }
    }
    </ul>
    <div id="tabs-1">
@CurrentPage.GetGridHtml(Html , "content", "patIc")
<div>
        @{
            var count=2;
            foreach ( var child in CurrentPage.Children)
            {
                <div id="tabs-@count">
                    @child.GetGridHtml(Html,"content", "patIc")
                    @{count++;}
                </div>        
            }
        }

</div>

is working on a reply...