选项卡面板更改内容和页脚

Question

我有一个标签面板，其中包含只需使用标记中的ID

即可更改的内容

并且每个内容都有不同的页脚

每次更改页面时如何制作，页脚也会改变

我的代码就像这样

<div class="content-wrapper">
    <aside class="control-sidebar-ligth control-sidebar-open">
        <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
            <li class="active"><a href="#first-content" data-toggle="tab">one</a></li>
            <li><a href="#second-content" data-toggle="tab">two</a></li>
            <li><a href="#third-content" data-toggle="tab">three</a></li>
        </ul>

        <div class="tab-content">
            <div class="tab-pane active" id="first-content"">
                <div class="row">

                </div>
            </div>
            <div class="tab-pane active" id="second-content">
                <div class="row">

                </div>
            </div>
            <div class="tab-pane active" id="third-content">
                <div class="row">

                </div>
            </div>
        </div>
    </aside>
</div>
<footer class="main-footer">
    <div class="active" id="first-content"><div>
    <div class="" id="second-content"><div>
    <div class="" id="third-content"><div>
</footer>