Dropdown Design final

Plus To Minus: Fill

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam commodi amet fuga dicta facilis! Sed ipsum unde cumque debitis omnis placeat non, ut magni dolores!

Nested Dropdown Creation

Plus To Minus: Fill

Nested 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam commodi amet fuga dicta facilis! Sed ipsum unde cumque debitis omnis placeat non, ut magni dolores!

Nested 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam commodi amet fuga dicta facilis! Sed ipsum unde cumque debitis omnis placeat non, ut magni dolores!

Nested 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam commodi amet fuga dicta facilis! Sed ipsum unde cumque debitis omnis placeat non, ut magni dolores!

Nested 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam commodi amet fuga dicta facilis! Sed ipsum unde cumque debitis omnis placeat non, ut magni dolores! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam commodi amet fuga dicta facilis! Sed ipsum unde cumque debitis omnis placeat non, ut magni dolores! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam commodi amet fuga dicta facilis! Sed ipsum unde cumque debitis omnis placeat non, ut magni dolores! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam commodi amet fuga dicta facilis! Sed ipsum unde cumque debitis omnis placeat non, ut magni dolores! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam commodi amet fuga dicta facilis! Sed ipsum unde cumque debitis omnis placeat non, ut magni dolores! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam commodi amet fuga dicta facilis! Sed ipsum unde cumque debitis omnis placeat non, ut magni dolores!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam commodi amet fuga dicta facilis! Sed ipsum unde cumque debitis omnis placeat non, ut magni dolores!

Layer 1

Layer 2

Layer 2

Layer 2

Layer 2

Layer 2

Layer 2

Main Menu 1

Submenu 1.1

Submenu 1.1.1

Submenu 1.1.1.1

This is the content of submenu 1.1.1.1.

This is the content of submenu 1.1.1.

This is the content of submenu 1.1.

Submenu 1.2

Submenu 1.2.1

This is the content of submenu 1.2.1.

Submenu 1.2.2

This is the content of submenu 1.2.2.

Main Menu 2

Submenu 2.1

This is the content of submenu 2.1.

Submenu 2.2

This is the content of submenu 2.2.nrhehnirhgvhrgkurdhukyhgvkdfngtjshkudthrutgtk grjfrjhjhrhjhtrgjhrtjghtrjhghthjhtjhhtjhhrtjghrtjhhtrgjhtrgjrthgjrthgjtrhgjtrhgjhthgjhtrhgjhrhejkhkerhccveuhnukghvlgrjfrjhjhrhjhtrgjhrtjghtrjhghthjhtjhhtjhhrtjghrtjhhtrgjhtrgjrthgjrthgjtrhgjtrhgjhthgjhtrhgjhrhejkhkerhccveuhnukghvlgrjfrjhjhrhjhtrgjhrtjghtrjhghthjhtjhhtjhhrtjghrtjhhtrgjhtrgjrthgjrthgjtrhgjtrhgjhthgjhtrhgjhrhejkhkerhccveuhnukghvlgrjfrjhjhrhjhtrgjhrtjghtrjhghthjhtjhhtjhhrtjghrtjhhtrgjhtrgjrthgjrthgjtrhgjtrhgjhthgjhtrhgjhrhejkhkerhccveuhnukghvlgrjfrjhjhrhjhtrgjhrtjghtrjhghthjhtjhhtjhhrtjghrtjhhtrgjhtrgjrthgjrthgjtrhgjtrhgjhthgjhtrhgjhrhejkhkerhccveuhnukghvlgrjfrjhjhrhjhtrgjhrtjghtrjhghthjhtjhhtjhhrtjghrtjhhtrgjhtrgjrthgjrthgjtrhgjtrhgjhthgjhtrhgjhrhejkhkerhccveuhnukghvl

Download ⇩

Here we set nested detail element in a way that 1st layer height is auto and because of this it has no transistion and layer inside it has constant height provided with tag and that's why it shows expanding transistion