Изменить цвет элементов jquery?

Question

[Gor321]

Здравствуйте! Подскажите пожалуйста, что подправить или изменить в коде.
1. Делал ползунки (jquery ui slider) для калькулятора, все вроде бы работает, но не знаю как их застилизовать под себя, нужно чтобы при перемещении ползунка цвет за ним менялся, как здесь:

и чтобы значение на которое его передвинули, двигалось за ним (как на картинке);

2. Изменение цвета кнопок. Есть радио инпуты стилизованные под кнопки, не получается при клике (то есть когда кнопка становится активной) изменить цвет. Пытаюсь сделать это с помощью .toggleClass, но что то я не так делаю.
https://jsfiddle.net/furcifer21/e0xd28mk/29/
Подскажите пожалуйста, заранее огромное спасибо!

Answer 1

[0xD34F]

Градиентом можно сделать.

Comments

[Gor321]

Да, все так. Но как сделать, чтобы цвет кнопки становился таким, только когда она активна, при переключении на другую, она становилась прежней?

[0xD34F]

Gor321, так сделано же. Попробуйте попереключать.

[Gor321]

0xD34F, спасибо огромнейшее!!! Идея с градиентом это великолепно!!!

[Gor321]

0xD34F, а еще вопрос, как прикрепить инпут со значением бегунка к самому бегунку (как на картинке)

[0xD34F]

Gor321, добавить элемент внутрь слайдера, и по событию slide обновлять его. Как-то так.

[Gor321]

0xD34F, не сочтите за наглость) но подскажите еще один момент..
как таким же манером, как Вы, добавить/убрать класс элементу, который внутри того на котором висит клик ? Прошу прощения за назойливость. Вам огромное спасибо.
https://jsfiddle.net/furcifer21/e0xd28mk/49/

[0xD34F]

Gor321, какой класс, кому назначить, когда убрать? Ничего не понял. Вообще ничего.

[Gor321]

внутри label есть класс .aaa внутри него - .aaa-in, ему при клике на label нужно присвоить класс .fff-1, и при переключении убрать

[0xD34F]

Gor321, в смысле, хотите внутренний элемент стилизовать при выборе? Ну, так. Не надо дополнительно никаких классов назначать, достаточно переопределить его стиль при выборе.