ul.menu li.inactive{
opacity:0.5;
}
ul.menu li.inactive>a{
    pointer-events:none;
}

a#hide_menu
    {
        float:right;
        vertical-align:middle;
        margin-top:10px;
        margin-right:20px;
    }

ul  li.hide{
    display:none;
    color:red;
}

ul li li.hide~li.hide{
    display:none;
    color:red;
}