Enrouler un menu déroulant
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 https://wiki.jvflux.com/images/4/4f/Question.gif
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:
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:
1
2
3
| .truc1{
display: none;
} |
