Javascript 单击时将2个引导列替换为2个隐藏列。Rails 4，引导

我正在使用Twitter引导程序3

我有一个列系统，在页面底部代表4个类似的广告

鉴于：

    <div class="row similar">
                    <% @recomended_ads.each do |advertisement| %>
                        <div class="col-md-3 block-3 clearfix">
                            <div class="block-3-image pull-left">
                               <%= link_to (image_tag advertisement.pictures.first.image,:title=> advertisement.name, :width=>210),advertisement %>        
                            </div><!-- End block-3-image -->

                        BASIC CONTENT!


                    </div><!-- End block-3 -->

                   <%end%>


           <div class="col-md-3 block-3 clearfix" style="height:220px !important;" id="vips">
                  NEW CONTENT
          </div
          <div class="col-md-3 block-3 clearfix" style="height:220px !important;" id="vips2">
                 NEW CONTENT 2
       </div>
    </div>

基本上它最多生成4列

我需要的是：

当用户点击specifick链接时，我需要更改最后2列的内容。 到目前为止，我已经创建了：

<div class="col-md-3 block-3 clearfix" style="height:220px !important;" id="vips">
   NEW CONTENT
</div
<div class="col-md-3 block-3 clearfix" style="height:220px !important;" id="vips2">
   NEW CONTENT 2
</div>

如果在控制器操作中只有两个默认列.limit2，则可以完美工作。 如果有超过2个柱，则将这些柱向下推到下一行。这就是我不想要的

问题:

1如果点击链接，是否有可能将限制值从4更改为2？没有页面重新加载？我相信Jquery不能改变服务器端的任何东西

2或者有其他的技巧来达到这样的效果

在这一点上，我的代码就是这样做的。

子弹显示了它应该是什么样子

有什么好建议吗？

---

提前谢谢。

我想出了解决办法

它很凌乱，但符合我的需要

1在视图中，我将此行更改为：以便为每列设置索引

2然后更改为，这样我可以为每列创建不同的div id

3然后脚本现在看起来像这样

 $(document).ready(function() {
    $('.question4').click(function(e){
       $('#recomended_3').slideToggle("fast");
                $('#recomended_4').slideToggle("fast");
                $('#recomended_5').slideToggle("fast");
             $('#vips').slideToggle("fast");
              $('#vips2').slideToggle("fast");     
         e.preventDefault();
    })
});//end of ready

这很有魅力。 只是过渡效果很难看，我会选择其他解决方案

我希望有人能帮上忙

 $(document).ready(function() {
$('.question4').click(function(e){
         $('#vips').slideToggle("fast");
          $('#vips2').slideToggle("fast");

     e.preventDefault();

})
});//end of read

 $(document).ready(function() {
    $('.question4').click(function(e){
       $('#recomended_3').slideToggle("fast");
                $('#recomended_4').slideToggle("fast");
                $('#recomended_5').slideToggle("fast");
             $('#vips').slideToggle("fast");
              $('#vips2').slideToggle("fast");     
         e.preventDefault();
    })
});//end of ready