another try with .multiple-collapse

machines/templates/machines/aff_machines.html

@@ -65,7 +65,7 @@ with this program; if not, write to the Free Software Foundation, Inc.,
         <tr>
             <td>
 	        {{ interface.domain }}
-		<button class="btn btn-default btn-xs" type="button" data-toggle="collapse" data-target="#collapseDetails_{{interface.id}}" aria-expanded="true" aria-controls="collapseDetails_{{interface.id}}">
+		<button class="btn btn-default btn-xs" type="button" data-toggle="collapse" data-target=".multiple-collapse" aria-expanded="true" aria-controls="collapseDetails1_{{interface.id}} collapseDetails2_{{interface.id}} collapseDetails3_{{interface.id}} collapseDetails4_{{interface.id}} ">
                     Détails...
                 </button>
             </td>
@@ -126,9 +126,12 @@ with this program; if not, write to the Free Software Foundation, Inc.,
       {% if ipv6_enabled and interface.ipv6 != 'None'%}
         <tr>
           <td colspan=5 style="border-top: none; padding: 1px;">
+            
               <tr class="info">
-                <td>  <b>IPV6</b> </td>
+                <td>  <div class="collapse in" id="collapseDetails1_{{interface.id}}"> <b>IPV6</b> </div> </td>
               </tr>
+            
+            <div class="collapse in" id="collapseDetails2_{{interface.id}}"> 
               <ul class="list-group" style="margin-bottom: 0px;">
 		    {% for ipv6 in interface.ipv6.all %}
                         <li class="list-group-item col-xs-6 col-sm-6 col-md-6" style="border: none;">  
@@ -136,6 +139,9 @@ with this program; if not, write to the Free Software Foundation, Inc.,
 			           </li>
 		        {% endfor %}
 		      </ul>
+              </div>
+            
+          
           </td>
         </tr>
         <tr>
@@ -144,10 +150,12 @@ with this program; if not, write to the Free Software Foundation, Inc.,
 
 	{% if interface.domain.related_domain.all %}
     <tr class="info">
-          <td> <b>Aliases</b> </td>
+      <td> <div class="collapse in" id="collapseDetails3_{{interface.id}}"> <b>Aliases</b> </div> </td>
     </tr>
 	<tr>
             <td colspan=5 style="border-top: none; padding: 1px;">
+              
+              <div class="collapse in" id="collapseDetails4_{{interface.id}}">
                     <ul class="list-group" style="margin-bottom: 0px;">
                         {% for al in interface.domain.related_domain.all %}
                         <li class="list-group-item col-xs-6 col-sm-4 col-md-3" style="border: none;">
@@ -158,6 +166,8 @@ with this program; if not, write to the Free Software Foundation, Inc.,
                         </li>
                         {% endfor %}
                     </ul>
+              </div>
+              
             </td>
       {% endif %}
       </tr>