顶部选项卡div模式的问题

在参考顶部选项卡-可左右拖动(div)这个页面的时候，发现了一个问题。不知道大家有没有遇到过：
***代码结构如下：

`<div id="filter4" class="mui-popover" style="display:none;">  
                <div class="mui-scroll-wrapper">  
                    <div class="mui-slider">  
                        <div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">  
                            <a class="mui-control-item" href="#item1mobile">  
                                类型  
                            </a>  
                            <div class="underline mui-col-xs-4"></div>  
                            <a class="mui-control-item" href="#item2mobile">  
                                所在地  
                            </a>  
                            <a class="mui-control-item" href="#item3mobile">  
                                状态  
                            </a>  
                        </div>  
                        <div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>  
                        <div class="mui-slider-group">  
                            <div id="item1mobile" class="mui-slider-item mui-control-content mui-active">  
                                <ul class="mui-table-view">  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                </ul>  
                            </div>  
                            <div id="item2mobile" class="mui-slider-item mui-control-content">  
                                <ul class="mui-table-view">  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                </ul>  
                            </div>  
                            <div id="item3mobile" class="mui-slider-item mui-control-content">  
                                <ul class="mui-table-view">  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                    <li class="mui-table-view-cell2">xx</li>  
                                </ul>  
                            </div>  
                        </div>  
                    </div>  
                </div>  
            </div>``  

因设计需求需要将顶部选项卡先隐藏，让它显示的时候，选项卡底下的横线不能同时跟着走。但如果页面初始化没有隐藏的话是没有上述问题的，请问有什么解决方法吗？