Подскажите как можно сделать поплавнее разворачивание и сворачивание тега details/summary?

Всем привет!

Подскажите может кто знает, как с помощью jQuery сделать чтобы тег details/summary разворачивался и сворачивался плавно, если это возможно с минимальным простым кодом.

<details class="my-details"><summary class="my-summary">Title text</summary><p>All text</p></details>

Я естественно смотрел в интернете примеры, но там то разварачивается плавно, но сварачивается быстро, то код какой-то безумный, может есть простое решение.