请问各位大神我想做一个tab下内容滑到底部可以自动切换到下一个tab下的内容，应该怎么实现

因为是之前的人写的，我担心我描述不大清楚，这是源代码：

<!--选择日期套餐的html-->
<div class="mui-content">
<div id="slider" class="mui-slider">
<div id="fixed" class="fexd">
<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<a class="mui-control-item mui-active itemcolor1" id="click1" href="#tabbar">
详情
</a>
<a class="mui-control-item itemcolor2" id="click2" href="#tabbar-with-chat">
须知
</a>
<a class="mui-control-item itemcolor4" id="click3" href="#tabbar-with-map">
照片
</a>
<a class="mui-control-item itemcolor3" id="click4" href="#tabbar-with-contact">
评价
</a>
</div>
</div>
<div class="" style="margin-bottom: 60px;">
<!--详情的容器-->
<div id="tabbar" class="mui-control-content mui-active">
<div class="title tabbar" style="margin: 5px;">
<div style="width:100%" id="divcontent">
@Html.Raw(Model.xccontent)
</div>
</div>
</div>
<!--须知的容器-->
<div id="tabbar-with-chat" class="mui-control-content">
<div class="title tabbar-with-chat" style="margin: 0px;">
@if (Model.type == 2)
{
<div class="div-product-desc">
@Html.Raw(Model.OtherInfo.ServiceStandard)<br />
@Html.Raw(Model.OtherInfo.CostIn)<br />
@Html.Raw(Model.OtherInfo.CostOut)<br />
@Html.Raw(Model.OtherInfo.Mark)
</div>
}
@if (Model.type == 1)
{
<div class="div-product-desc">
@Html.Raw(Model.OtherInfo.ServiceStandard)<br />
@Html.Raw(Model.OtherInfo.CostIn)<br />
@Html.Raw(Model.OtherInfo.CostOut)<br />
@Html.Raw(Model.OtherInfo.Mark)
</div>
}
</div>
</div>
<!--照片的容器-->
<div id="tabbar-with-map" class="mui-control-content sho-content4">
@foreach (DataRow row in picdt.Rows)
{
<a class="fancybox" href="@row["pic"]">
<img src="@row["pic"]" alt="" style="max-height:190px" />
</a>
}
</div>
<!--评论的容器-->
<div id="tabbar-with-contact" class="mui-control-content">
<div class="title">
<div class="">
<ul id="div_content" class="sho-contentt mui-table-view-chevron"></ul>
<div class="mui-row" style="margin-top:30px;">
<div class="mui-col-xs-12" style="text-align: center">
<a id="more" class="sho-name">查看更多评价</a>
</div>
</div>
</div>
</div>
</div>
</div>

    <!--照片的容器-->  
</div>  

</div>

大致上是四个tab下有四个内容，我希望能够在一个tab滑到底部能自动切换到下一个tab内容，请问应该用什么方法实现呢？