Javascript 滚动显示在元素折叠之前

我正在制作一个页面，其中几个按钮导致水平折叠的元素。我使用了引导“数据切换”方法使元素出现。这是一个单页应用程序，所以我只需要水平滚动条。 这是我的密码：-

<div class="container-fluid">   
   <div class="row row-horizon" style="overflow-x:scroll;">
       <div class="">
           <button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#sidebar">Trendig</button>
           <button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#sidebar2">Trendig</button>
       </div>
       <div class="col-sm-6">
           <div class="list-group collapsing"  role="dialog" id="sidebar">
               <a href="#" class="list-group-item active">Trending Coupons</a>    
               <font size=2>
               <a href="#" class="list-group-item">Flat 50 on shoes</a>
               <a href="#" class="list-group-item">Get moto g at Rs 8000 only only at flipkart.com</a>
               <a href="#" class="list-group-item">get something else</a>
               <a href="#" class="list-group-item">free free moto g ke sath moto e free</a>
               <a href="#" class="list-group-item">free</a>
               <a href="#" class="list-group-item">get </a>
               <a href="#" class="list-group-item">some more thing</a>
               <a href="#" class="list-group-item">Link</a>
               <a href="#" class="list-group-item">Link</a>
               </font>
           </div>
       </div>
       <div class="col-sm-6">
           <div class="list-group collapsing"  role="dialog" id="sidebar2">
               <a href="#" class="list-group-item active">Trending Coupons</a>
               <font size=2>
               <a href="#" class="list-group-item">Flat 50 on shoes</a>
               <a href="#" class="list-group-item">Get</a>
               <a href="#" class="list-group-item">get something else</a>
               <a href="#" class="list-group-item">free </a>
               <a href="#" class="list-group-item">free </a>
               <a href="#" class="list-group-item">get</a>
               <a href="#" class="list-group-item">some more thing</a>
               <a href="#" class="list-group-item">Link</a>
               <a href="#" class="list-group-item">Link</a>
               </font>
               </div>
           </div>
       </div>
   </div>
<script src="js/newjs.js"></script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>  

---

期望的输出是什么？roposo。通用域名格式。点击这个页面上的任何链接，这正是我需要的