Jquery Afficher/Masquer Plusieurs Lignes De La Table
En essayant de montrer/cacher les lignes de la table à l'aide de jquery. Les deux premières lignes de travail. La troisième ligne n'affiche pas toutes les données.
Jfiddle: http://jsfiddle.net/vcolmenar/wG8qf/1/
HTML de Données de la Table
Principal
Données
<tr class="main">
<td>
<a href="#" class="main">12345</a>
</td>
</tr>
<tr class = "data">
<td>
</td>
<td>
11111
</td>
</tr>
<tr class="main">
<td>
<a href="#" class="main">12345</a>
</td>
</tr>
<tr class = "data">
<td>
</td>
<td>
11111
</td>
</tr>
<tr class="main">
<td>
<a href="#" class="main">12345</a>
</td>
</tr>
<tr class = "data">
<td>
</td>
<td>
11111
</td>
</tr>
<tr class = "data">
<td>
</td>
<td>
22222
</td>
</tr>
<tr class = "data">
<td>
</td>
<td>
33333
</td>
</tr>
<tr class = "data">
<td>
</td>
<td>
44444
</td>
</tr>
De JavaScript (Jquery afficher/masquer la fonction
$(document).ready(function() {
//Hide table rows with class 'min', but appear when clicked.
$(".data").hide();
$(".main").click(function() {
$(this).parent().parent().next(".data").toggle("fast");
});
});
il n'y a pas de
scratch, vous ressemble juste révisé et il ressemble à son travail, quel est le problème?
le dernier d'une.principale n'affiche que la première, de frère, de tr.les données, je pense qu'il veut que tous les tr.lignes de données entre le tr.les entrées principales
.data
après votre 3ème principalscratch, vous ressemble juste révisé et il ressemble à son travail, quel est le problème?
le dernier d'une.principale n'affiche que la première, de frère, de tr.les données, je pense qu'il veut que tous les tr.lignes de données entre le tr.les entrées principales
OriginalL'auteur squeezethejuicebox2 | 2012-04-16
Vous devez vous connecter pour publier un commentaire.
css
tr.les données {display:none;}
javascript
html
merci, cela a très bien fonctionné!
Grand homme
OriginalL'auteur DefyGravity