Enrouler un menu déroulant

**Tony Lau** · 09/07/2019, 19h17

Bonjour à tous,
Ce problème contient un tantinet de javaScript.

Comme le titre l'indique, j'ai réussi à créer un "menu" (une cellule de tableau pour être précis) déroulant lorsque je clique dessus
mais je trouve pas le moyen de l'enrouler

Et au passage si y'avait moyen d'avoir un petit + qui devient un - quand le menu est déroulé ce serait sympa,

Merci d'avance !

Code HTML:

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
<head>
	<title>exemple</title>
<link rel="stylesheet" type="text/css" href="css/style.css"> </link>
</head>
<body>
<td onclick="$('.truc1').css('display', 'table-row')" colspan="2" class="tableauTitre"> Biographie </td>
    </tr>
    <tr class="truc1">
      <td> <b>Age</b> </td>
      <td> 51 ans </td>
    </tr>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</body>
</html>

Code CSS:

Code :

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

1
2
3
.truc1{
	display: none;
}

**Skyxia** · 10/07/2019, 13h18

Bonjour,

Si j'ai bien compris ça ressemble à quelque chose du genre ce que tu souhaites faire ?

Code HTML :

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

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
 
<body>
    <table>
        <thead>
            <tr>
                <th>Colonne 1</th>
                <th>Colonne 2</th>
                <th>Colonne 3</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Biographie</td>
                <td>Âge</td>
                <td>
                    <select name="Nombre :">
                    <option value="1">10 ans</option>
                    <option value="2">20 ans</option>
                    <option value="3">30 ans</option>
                    </select>
                </td>
            </tr>
        </tbody>
    </table>
</body>

Cordialement.

**Tony Lau** · 10/07/2019, 19h18

Salut Skyxia, merci de ta réponse malheureusement ce n'est pas ce à quoi je pensais.
Je voulais dire par exemple il y a un en-tête avec un titre quelconque, prenons au hasard

Gâteau au chocolat +

et quand je clique sur le + ça se déroule comme suit:

Gâteau au chocolat -

200 g de chocolat noir à 52% de cacao
125 g de beurre doux
farine
œufs
sucre
etc

J'ai pour l'instant réussi à faire ça mais je n'arrive pas à ré-enrouler le tout (en cliquant sur le -)

Invité · 10/07/2019, 20h10

Bonjour,

RIEN à voir avec un "menu déroulant".

C'est simplement "afficher/masquer une div au clic"

**Tony Lau** · 10/07/2019, 20h54

Encore faut-il savoir ce que l'on cherche, d’où l'utilisation des guillemets à "menu déroulant".
Merci tout de même pour ta réponse, je vais aller chercher ça

Invité · 13/07/2019, 09h01

Bonjour,

A voir :

Enrouler un menu déroulant

JavaScript

Discussions similaires

Partager

Partager