Déplier une DIV après clic sur un bouton

Bonjour,

J'ai crée des DIV qui se plient et se déplient avec des champs de saisie à l’intérieur de chaque DIV. J'ai utilisé les Eléments <Details> et <Summary>.

L'utilisateur peut saisir un champ à l’intérieur d'une DIV et déplier la DIV par la suite.

Le problème, c'est que je ne sais pas comment faire pour déplier une DIV après le clic sur un bouton si la DIV contient un champ de saisie renseigné par l'utilisateur.

Pièce jointe 183520

VB.NET / HTML5 / CSS / Jquerry

Merci pour votre aide.

Citation:

Pièce jointe spécifié(e) non valide.

1 pièce(s) jointe(s)

Bonjour,

Ci-joint l'image.

Pièce jointe 183594

Merci pour votre aide.

Bonjour,

Voici une partie du code.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
 
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <link href="CSS.css" rel="stylesheet" />
 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
 
    <script src="Scripts/details.polyfill.src.js"></script>
 
    <script type="text/javascript">
        function openDiv() {
            $(document).ready(function () { 
                $('#Button1').click(function () { 
                    if ($('[id$=txtRef]').val().length > 0) { 
                        $('[id$=detail1]').attr("open", "open");
                    }
                    if ($('[id$=txtDate]').val().val().length > 0) { 
                        $('[id$=detail2]').attr("open", "open"); 
                    }
                });
            });
        }
    </script>
 
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder" runat="server">
    <table>
        <tr>
            <td>N° test </td>
            <td>
                <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="openDiv();" />
 
            </td>
        </tr>
 
    </table>
    <details id="detail1">
        <summary> Caractéristiques1</summary>
        <table>
            <tr>
                <td>Réference</td>
                <td>
                    <asp:TextBox ID="txtRef" runat="server"></asp:TextBox>
                </td>
            </tr>
        </table>
    </details>
 
    <details id="detail2">
        <summary>Caractéristiques2</summary>
        <table>
            <tr>
                <td>Date1</td>
                <td>
                    <asp:TextBox ID="txtDate" runat="server"></asp:TextBox>
                </td>
            </tr>
        </table>
    </details>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">
</asp:Content>

Quelqu’un a une idée.