Ekko | Framework agnostic PHP package for marking navigation items

When you set the element to position:absolute it is removed from the normal flow so the parent is effectively empty hence the collapse. You can try using flex:

The max method can only return a single value. If you need to get the top 3 you would need to sort them in descending order and get the first 3 elements using prefix method

You used the wrong variable:

Since you have hard coded the src value to serm.mp3, you are getting that.

you need add following script , to make use data-value which you are sending to modal.

The problem in your code is your scss syntax, no need to mention before after in keyframes, as you already applied the animation on same.

Make it correct like this.

The problem is with how are you trying to handle an onclick event on a button, without taking into consideration that this button is a part of a form

In simple words, whenever a button is pressed inside of a form it tries to submit that form via html post request if not declared otherwise.

So if you want this to work you can do something like this.

Change this

I fixed again code ;)

This solution is similar to what you want:

It's simple, just change