Bootstrap崩溃只会扩展

时间:2014-03-14 23:24:50

标签: twitter-bootstrap ruby-on-rails-4

我在Rails 4应用程序中有以下代码。当我单击按钮时,表格显示完美,但当我再次单击该按钮时,它不会缩回。我已经阅读了类似的问题,提到有冲突的Javascript,但我不确定是不是这样。

这是我的代码:

<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#years">Filter
</button>

<div id="years" class="collapse">
   <br />
   <div class="rating_table col-lg-4">
    <table class= "table table-bordered table-striped table-condensed">
      <th colspan="4">Filter By Year</th>
    <tr>
      <td><strong><%= link_to '2000', tens2000_user_path(@user) %></strong></td>
      <td><strong><%= link_to '2001', tens2001_user_path(@user) %></strong></td>    
      <td><strong><%= link_to '2002', tens2002_user_path(@user) %></strong></td>
      <td><strong><%= link_to '2003', tens2003_user_path(@user) %></strong></td>    
    </tr>
    <tr>
      <td><strong><%= link_to '2004', tens2004_user_path(@user) %></strong></td>
      <td><strong><%= link_to '2005', tens2005_user_path(@user) %></strong></td>    
      <td><strong><%= link_to '2006', tens2006_user_path(@user) %></strong></td>
      <td><strong><%= link_to '2007', tens2007_user_path(@user) %></strong></td>    
    </tr>
    <tr>
      <td><strong><%= link_to '2008', tens2008_user_path(@user) %></strong></td>
      <td><strong><%= link_to '2009', tens2009_user_path(@user) %></strong></td>    
      <td><strong><%= link_to '2010', tens2010_user_path(@user) %></strong></td>    
      <td><strong><%= link_to '2011', tens2011_user_path(@user) %></strong></td>
    </tr>
  </table>
  </div>    
 </div> 

我的application.js

//= require jquery
//= require jquery_ujs
//= require jquery.masonry.min.js
//= require twitter/bootstrap
//= require bootstrap
//= require_tree .

0 个答案:

没有答案