Ich habe eine Tabelle, mit collapsed Elemente, ich möchte nur eine auf einmal gezeigt werden, wie hier http://jsfiddle.net/s4je5b0y/, aber ich kann nicht finden, wie es für eine Tabelle zu tun. Ich sah, es gibt eine Klasse Daten-Eltern, aber ich kann es nicht in einer Tabelle verwenden, weiß nicht warum. danke.Bootstrap-Tabelle Kollaps erlauben nur eine offen zur Zeit
mein Code:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<table class='table table-bordered table-condensed' style='border-collapse:collapse;background-color:white;'>
\t \t \t \t \t <thead>
\t \t \t \t \t \t <tr>
\t \t \t \t \t \t \t <th>a</th>
\t \t \t \t \t \t \t <th>b</th>
\t \t \t \t \t \t \t <th>c</th>
\t \t \t \t \t \t </tr>
\t \t \t \t \t </thead>
\t \t \t \t \t <tbody>
\t \t \t \t \t \t <tr id='open0' data-target='#r0' class='accordion-toggle' data-toggle='collapse'>
\t \t \t \t \t \t \t <td>0</td>
\t \t \t \t \t \t \t <td></td>
\t \t \t \t \t \t \t <td>2</td>
\t \t \t \t \t \t </tr>
\t \t \t \t \t \t <tr style='background-color:#e5e8e7;'>
\t \t \t \t \t \t \t <td colspan='5' class='hiddenRow'>
\t \t \t \t \t \t \t \t <div class='collapse ' id='r0'>
\t \t \t \t \t \t \t \t \t asd
\t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t </td>
\t \t \t \t \t \t </tr>
\t \t \t \t \t \t <tr id='open1' data-target='#r1' class='accordion-toggle' data-toggle='collapse'>
\t \t \t \t \t \t \t <td>0</td>
\t \t \t \t \t \t \t <td></td>
\t \t \t \t \t \t \t <td>2</td>
\t \t \t \t \t \t </tr>
\t \t \t \t \t \t <tr style='background-color:#e5e8e7;'>
\t \t \t \t \t \t \t <td colspan='5' class='hiddenRow'>
\t \t \t \t \t \t \t \t <div class='collapse ' id='r1'>
\t \t \t \t \t \t \t \t \t asd
\t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t </td>
\t \t \t \t \t \t </tr>
\t \t \t \t \t \t <tr id='open1' data-target='#r2' class='accordion-toggle' data-toggle='collapse'>
\t \t \t \t \t \t \t <td>0</td>
\t \t \t \t \t \t \t <td></td>
\t \t \t \t \t \t \t <td>2</td>
\t \t \t \t \t \t </tr>
\t \t \t \t \t \t <tr style='background-color:#e5e8e7;'>
\t \t \t \t \t \t \t <td colspan='5' class='hiddenRow'>
\t \t \t \t \t \t \t \t <div class='collapse ' id='r2'>
\t \t \t \t \t \t \t \t \t asd
\t \t \t \t \t \t \t \t </div>
\t \t \t \t \t \t \t </td>
\t \t \t \t \t \t </tr>
\t \t \t \t \t </tbody>
\t \t \t \t </table>
??? Ich möchte Daten-Ziel zu MY-Tabelle hinzufügen, nicht um es aus dem Beispiel zu entfernen !! –