نمایش view های مختلف داخل Tab در Bootstrap

با سلام

من میخوام هنگامی که روی یک تب کلیک میکنم یک view داخل همان تب نمایش داده بشه. قطعه کد زیر را دارم:

<ul id="myTab" class="nav nav-tabs" ">
    <li class="active">
        <a asp-controller="LetterList" asp-action="Index">
            <i class="icon-book2"></i><span style="float:right;">لیست نامه ها</span>
        </a>
    </li>
    <li>
        <a asp-controller="ArchiveLetterList" asp-action="Index">
            <i class="icon-enter5"></i><span>نامه های بایگانی شده</span>
        </a>
    </li>
</ul>

ولی هنگام کلیک کردن برای نمایش view، کل تب ها حذف میشه و سپس View نمایش داده میشه. به عبارتی view داخل تب نمایش داده نمیشه.

همچنین میخوام هنگام اجرای پروژه تبی که Active هست load بشه. نه اینکه برای نمایش view نیاز به کلیک کردن داشته باشه.

با سپاس

** ویرایش سوال **

ببینید من یک view دارم که قطعه کد زیر داخلش هست و این ویو از یک Layout پیروی میکنه.

<ul id="myTab" class="nav nav-tabs" ">
    <li class="active">
        <a asp-controller="LetterList" asp-action="Index">
            <i class="icon-book2"></i><span style="float:right;">لیست نامه ها</span>
        </a>
    </li>
    <li>
        <a asp-controller="ArchiveLetterList" asp-action="Index">
            <i class="icon-enter5"></i><span>نامه های بایگانی شده</span>
        </a>
    </li>
</ul>

<script>
    $(function () {
        $('#myTab li:eq(1) a').tab('show');
    });
</script>

این قطعه کد همان طور که می بینید دو تا تب داره که توی هر کدام از این تب ها یک Action از یک Controller صدا زده میشه.

مشکل اینجاست که هنگام کلیک روی هر کدام از این تب ها، خروجی آن Action در همان تب نمایش داده نمیشه و به این صورت هست که تبها حذف میشند و سپس خروجی آن Action نمایش داده میشه. در صورتی که من میخوام خروجی هر Action داخل محیط تب مربوطه نمایش داده بشه.

همچنین میخوام تبی که به صورت پیش فرض Active هست به طور اتوماتیک load بشه. نه اینکه نیاز به کلیک کردن داشته باشه.