Как сократить данный скрипт JS(jQuery)?

Question

[Руслан Владимирович]

Подскажите, пожалуйста, какой-нибудь вариант для сокращения этого скрипта.

$("#quartzControl1").click(function () {
        $(this).css('border-color','#D83958');
        $("#quartzControl2").css('border-color','white')
        $("#quartzImage2").css('display', 'none');
        $("#quartzImage1").fadeIn();
    });

    $("#quartzControl2").click(function () {
        $(this).css('border-color','#D83958');
        $("#quartzControl1").css('border-color','white')
        $("#quartzImage1").css('display', 'none');
        $("#quartzImage2").fadeIn();
    });

Comments

[Ярослав Иванов]

Когда же вы поймёте, что айдишники не нужны.

[Руслан Владимирович]

Ярослав Иванов, я еще даже не джун :(

[Ярослав Иванов]

Руслан Владимирович,
1) только на классах.
2) если меняете больше одного свойства то наьрасываеие на элемент класс вместо двух и более css()

[lloydbanks]

Ярослав Иванов, разницу между id и class понимаете?

[Ярослав Иванов]

Руслан Владимирович, а вообще весь код кидай с вёрсткой на jsfiddle

[Ярослав Иванов]

lloydbanks, не, просто так написал)) хоть один плюс назовите, который реально помогает. Кроме быстрыстрого поиска в думе и алиасов(не каждый день надо делать поиск на миллион итераций).

[Руслан Владимирович]

Ярослав Иванов, https://jsfiddle.net/bulllls/6f2o1v5y/21/

[Ярослав Иванов]

Руслан Владимирович, как ? https://jsfiddle.net/t2ds3yaw/

[Руслан Владимирович]

Ярослав Иванов, супер, элементы добавляю, а скрипт увеличивать не нужно)

Answer 1

[Ярослав Иванов]

https://jsfiddle.net/t2ds3yaw/