Discussion :

[regweb]

Bonjour à tous,
dans le code disponible ici http://jsfiddle.net/SDcmX/24/ j'essaie de masquer/démasquer mes 2 lignes factures en cliquant sur la ligne Bon de commande. Ce code est le résultat d'une requête sur une BDD mysql. Les id ou class ou name sont générés par mon code php, je ne les connais donc pas à l'avance. Pour résumer, un clic sur la ligne bon de commande doit afficher les 2 lignes masquées facture, un nouveai clic les masque à nouveau en utilisant comme référence le name. D'avance merci

[danielhagnoul]

Bonsoir

Je vous suggère de tester le code suivant :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<table>
    <tbody>
        <tr id="IDBDD2118">
            <td>Bon de commande No 2118</td>
        </tr>
        <tr name="H2118" class="cacher">
            <td>Facture no 1</td>
        </tr>
        <tr name="H2118" class="cacher">
            <td>Facture no 2</td>
        </tr> 
    </tbody>  
</table>

Code JS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
$( "tr[id^='IDBDD']" ).on( "click", function(){
    $( this )
        .nextAll( "[name='" + this.id.replace( 'IDBDD', 'H' ) + "']" )
        .toggleClass( "cacher" );
});