Besonderhede van voorbeeld: 692380201105868478

English

a {/* just making the links a tad better */ display: block; padding: 4px;} nav {text-align: center;} /* any menu (including the main one)*/ nav ul {display: inline-block; list-style: none;} nav>ul>li {/* horizontal items (vertical will work fine too) */ float: left;} nav li div {/*collapsing any sub-menu*/ height: 0; overflow: hidden; /* Houdini feelings */ transition: height 1s;} nav li:hover>div {height: 56px;}

Pashto

a {/ * یوازې لینکونه یو ښه غوره * / display: block؛ ډډنگ: 4PX؛} nav {text-align: center؛} / * هره مینو (د اصلي یو په شمول) * / نیویارک {نمونه: انلاین-بلاک؛ د لیست طرزالعمل: هیڅ نه} nav> ul> li {/ * افقی توکي (عمودی به هم ښه کار وکړي) * / float: left؛} nav li div {/ * د هر فرعي مینو * / لوړوالی ماتول: 0؛ زیان / * د Houdini احساسات * / لیږد: اونۍ 1s؛} nav li: hover> div {height: xNUMXpx؛}