$(document).ready(function(){
    $('.secondLevel').find('li').click(function(){

       //removing the previous selected menu state
       $('#menu').find('li.active').removeClass('active');

       //adding the state for this parent menu
       $(this).parents('li').addClass('active');
    });
});

#menu li.active{
    background: #ccddff;
}

لینک نمونه

این کد html  هست که نوشتم ..

ولی هر ککدوم از المنها یا کلاسهارو توی jquery  نسبت میدم عمل نمیکنه

          <div class="menu-header">
                        <span class="menu-title">
                            <a data-toggle="collapse" href="#manage-sys" class="show-a">
                                <img src="~/img/system.png" />
                                <span>مدیریت سیستم</span>


                            </a>
                            <i class="fa fa-plus-circle position_caret-menu"></i>
                        </span>

                    </div>
                    <div id="manage-sys" class="panel-collapse collapse">
                        <ul class="list-group">
                            <li class="list-group-item">
                                <a href="#">
                                    <img src="~/img/sys-mange.png" style="padding-left: 5px" />واحد مدیریت
                                </a>
                            </li>
                   

                        </ul>

                    </div>