PHP,HTML. How to implement this element for sorting goods?

Question

css

Good afternoon.
I want to sort items by price in ascending and descending order.
Here is an interesting option like in Citylink

That is, once we click, the link is executed in ascending order and, accordingly, the triangle is up, once again we press in descending order and the triangle is down.
They did it with jQuery, but I'm interested in a simpler version.
How can this be done? Is this possible without JS?
Maybe there is some small example to understand the mechanism..
Thanks in advance!

Answer 1

They did it with jQuery, but I'm interested in a simpler version.

This is just the simplest option.
And so, pass a parameter in the GET link and catch it in the output template of these buttons. If there is a sortbyprice parameter, for example, add your own class, for example, .active

Answer 2

Using JS in this case is the best option. Otherwise, a page reload will be required.
Here is the plugin: https://razorjack.net/quicksand/

Answer 3

They did it with jQuery, but I'm interested in a simpler version.
where is it easier?) unless you ask users to change the position of the triangle in their imagination
not possible without JS. jQuery + AJAX will help you