I wanna create a table with some features: • Searching filter • Collaps a row by clicking on it • Hover effect on rows

the searching and hover part is working very well ... BUT I also added the hover for the rows…and now it should be possible by clicking on a row, that some additional information will be shown by collapsing directly below this row. I tried this one to include to my code:

https://mdbootstrap.com/snippets/jquery/cam/979615

i copied all the codes to my page...but it won't work. it already works to expand one row...but i can't close it anymore. sometimes it loads the wors where it's already collapsed and it's not possible to close it agein

Maybe some of you guys have a solution for me...or can help me out?

Thnx in advance BR, Max