Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как оптимизировать данный код (https://javascript.ru/forum/misc/64093-kak-optimizirovat-dannyjj-kod.html)

Stepan 19.07.2016 18:13

nerv_,
фейспалм.жпг

Stepan 19.07.2016 18:14

Spass,
Спасибо, обязательно попробую.

Spass 19.07.2016 19:06

.checklist > li.active {
    border-top: 2px solid #0036ff;
    border-bottom: 2px solid #0036ff;
    border-radius: 0;
    color: #000;
}

.checklist li.active:first-child,
.checklist li:not(.active) + li.active {
    border-bottom-left-radius: 50px;
    border-left: 2px solid #0036ff;
    border-top-left-radius: 50px;
}

.checklist li.active:last-child,
.checklist li.right-side {
    border-bottom-right-radius: 50px;
    border-right: 2px solid #0036ff;
    border-top-right-radius: 50px;
}


$('.checklist li').on('click', function(){
                $(this).toggleClass('active');
                $('.checklist li').removeClass('right-side').filter('.active').each(function(){
                    if (!$(this).next().hasClass('active')) {
                        $(this).addClass('right-side');
                    }
                });
            });


Пример https://jsfiddle.net/wtcvhn2z/

8 строчек скрипта :dance:

Stepan 20.07.2016 11:02

Spass,
Спасибо, очень помогли.

Stepan 20.07.2016 11:04

Если у кого нибудь возникнет желание стать контрибютором, буду очень рад.


Часовой пояс GMT +3, время: 17:50.