title: Collapsable Bootstrap table rows
body: <p>I have a table that shows some info on each row, I want to make that when you click a row several hidden rows with the details of the information appear from a bootstrap collapsable.</p>
  
  <p>I'm using bootstrap 2.3 (Not possible to update right now) and here is the code of my table:</p>
  
  <pre><code>&lt;table class="table table-striped" id="table_package"&gt;
   &lt;thead&gt;
     &lt;tr&gt;
       &lt;th class="hidden-mobile"&gt;Name package&lt;/th&gt;
       &lt;th class="hidden-mobile"&gt;Minutes&lt;/th&gt;
       &lt;th class="hidden-mobile"&gt;Remaining&lt;/th&gt;
       &lt;th&gt;Status&lt;/th&gt;
       &lt;th&gt;Action&lt;/th&gt;
       &lt;th&gt;&lt;/th&gt;
     &lt;/tr&gt;
   &lt;/thead&gt;
   &lt;tbody&gt;
       &lt;tr id="package_id_1" data-toggle="collapse" data-target=".transactions_1"class="clickable collapsed"&gt;
         &lt;td id="package_name_1" class="hidden-mobile"&gt;Intro&lt;/td&gt;
         &lt;td id="package_hours_1" class="hidden-mobile"&gt;240 minutes&lt;/td&gt;
         &lt;td id="package_remaining_1" class="hidden-mobile"&gt;0 minutes&lt;/td&gt;
         &lt;td id="confirmed_status_1"&gt;&lt;span class="s_blue"&gt;finished&lt;/span&gt;&lt;/td&gt;
         &lt;td class="action-table "&gt;&lt;/td&gt;
         &lt;td&gt;&lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr class="out transactions_1 collapse"&gt;
         &lt;td&gt;Event&lt;/td&gt;
         &lt;td&gt;Starting Time&lt;/td&gt;
         &lt;td&gt;Remaining Time&lt;/td&gt;
         &lt;td&gt;Date Time&lt;/td&gt;
         &lt;td&gt;&lt;/td&gt;
       &lt;/tr&gt;
   &lt;/tbody&gt;
  </code></pre>
  
  <p></p>
  
  <p>I've tried the solution on this post,
  <a href="https://stackoverflow.com/questions/18495653/how-do-i-collapse-a-table-row-in-bootstrap">How do I collapse a table row in Bootstrap?</a>
   , but it didn't work. </p>
  
  <p>The rows that are supposed to be collapsed from the beggining are not collapsed and even though I can see the changes being applied when clicked, nothing happens to the rows.</p>