How to hide blocks using jquery slider#range?

Question

css

There is an online store page. It has product cards. There is a product price. There is also a double slider in the menu.
On jqueryui. How to hide cards that are not included in the range of the slider. And the value of the slider was under each of the sliders and it "traveled" behind the slider.

Answer 1

is it just a mockup or an actual IM? If you send an ajax request to the server for the price value from the current position of the slider. The server makes an sql query using the client's data (price min max) and should return json. further in the success method, process the json through each. If the layout is stupid, then through the draggable event you need to somehow process it xs