Make active class for parent and subs in Laravel

I have menu like this:

<li class="treeview">
        <a href="#"><i class="fa fa-comment"></i> <span>Comments</span>
            <span class="pull-right-container">
                <i class="fa fa-angle-left pull-right"></i>
            </span>
        </a>
        <ul class="treeview-menu">
            <li><a href="http://ift.tt/2Agdbqz">All Comments</a></li>
            <li><a href="http://ift.tt/2AkbDti">My Comments</a></li>
            <li><a href="http://ift.tt/2Ae7skW">Approved</a></li>
            <li><a href="http://ift.tt/2AkbF4o">Disapproved</a></li>
        </ul>
    </li>

All i want is when i click on submenu for example "My comments" menu, the Comments menu and My Comments active will have a class like this

    <li class="active"><a href="#"><i class="fa fa-comment"></i> <span>Comments</span></a></li>
    <li class="active active-sub"><a href="http://ift.tt/2AkbDti">My Comments</a></li>

so how can i make this can be happen? Thanks

from Newest questions tagged laravel-5 - Stack Overflow http://ift.tt/2AgUUJB
via IFTTT