multi-level OPTGROUP, some seletable

Demo of multi-level OPTGROUP (not just two levels). Note: Sub-categories get the 'disabled' attribute so they can't be selected. sub-sub-categories are artificially indented via  

by Павел KLON

HTML

<span class="cars-select">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae eos placeat doloribus commodi id quas iusto. Ex explicabo laudantium minus, ut nobis, atque corporis nisi autem aliquam quae cum dolores!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae eos placeat doloribus commodi id quas iusto. Ex explicabo laudantium minus, ut nobis, atque corporis nisi autem aliquam quae cum dolores!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae eos placeat doloribus commodi id quas iusto. Ex explicabo laudantium minus, ut nobis, atque corporis nisi autem aliquam quae cum dolores!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae eos placeat doloribus commodi id quas iusto. Ex explicabo laudantium minus, ut nobis, atque corporis nisi autem aliquam quae cum dolores!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae eos placeat doloribus commodi id quas iusto. Ex explicabo laudantium minus, ut nobis, atque corporis nisi autem aliquam quae cum dolores!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae eos placeat doloribus commodi id quas iusto. Ex explicabo laudantium minus, ut nobis, atque corporis nisi autem aliquam quae cum dolores!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae eos placeat doloribus commodi id quas iusto. Ex explicabo laudantium minus, ut nobis, atque corporis nisi autem aliquam quae cum dolores!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae eos placeat doloribus commodi id quas iusto. Ex explicabo laudantium minus, ut nobis, atque corporis nisi autem aliquam quae cum dolores!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae eos placeat doloribus commodi id quas iusto. Ex explicabo laudantium minus, ut nobis, atque corporis nisi autem aliquam quae cum dolores!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae eos placeat doloribus commodi id quas...

JavaScript

var handleHeaderOnScroll = function() {
        if ($(window).scrollTop() > 60) {
            $('span').addClass('page-on-scroll');
        } else {
            $('span').removeClass('page-on-scroll');
        }
    };
    handleHeaderOnScroll();
    $(window).scroll(function() {
        handleHeaderOnScroll();
    });