Как я могу выделить серым изображение или элемент списка с помощью jQuery, но оставить изображение или элемент списка активным?

Мы создаем интерфейс для каталога продуктов, в котором группа продуктов будет выбираться, выбрав один из нескольких вариантов. Параметры будут отображаться как изображения или элементы списка (с рамкой/рамкой вокруг них).

Когда параметр выбирается в группе параметров, я хотел бы отключить опции в других группах параметров, которые больше не применяются из-за выбранного параметра для фильтрации параметров. Я по-прежнему хочу, чтобы эти параметры greyed out были доступны для интерактивного просмотра, поэтому фильтрацию можно выполнить, щелкнув любой из параметров.

Я знаю, что это можно сделать через jQuery и CSS, но какой конкретный CSS я должен установить, и будет ли он работать одинаково как для изображения, так и для элемента списка?