dimanche 18 octobre 2020
vendredi 20 mars 2020
TRAVAIL A RENDRE
HTML
<html>
<head>
</head>
<body>
<div id="liste">
<ul>
<li>item 1
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
<li>item 6</li>
</ul>
</li>
<li>item 2
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
<li>item 6</li>
</ul>
</li>
<li>item 3
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
<li>item 6</li>
</ul>
</li>
</ul>
</div>
</body>
CSS
#liste ul ul{
max-height: 0;
overflow: hidden;
}
#liste ul li:hover ul {
max-height: 0;
overflow: visible;
}</html>
HTML
<html>
<head>
</head>
<body>
<div id="liste">
<ul>
<li>item 1
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
<li>item 6</li>
</ul>
</li>
<li>item 2
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
<li>item 6</li>
</ul>
</li>
<li>item 3
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
<li>item 6</li>
</ul>
</li>
</ul>
</div>
</body>
CSS
#liste ul ul{
max-height: 0;
overflow: hidden;
}
#liste ul li:hover ul {
max-height: 0;
overflow: visible;
}</html>