hover and mouseover

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<button class="btn btn-md btn1 glyphicon glyphicon-align-justify"></button><br><br>
<button class="btn btn-md btn2 glyphicon glyphicon-align-justify"></button>
<div class="navigation">
    <ul>
        <li class="has-sub imFirst"> <a href="#">Menu 1</a>

            <ul class="secondUL">
                <li class="has-sub"> <a href="#">Submenu 1.1</a>

                    <ul>
                        <li><a href="#">Submenu 1.1.1</a>

                        </li>
                        <li class="has-sub"><a href="#">Submenu 1.1.2</a>

                            <ul>
                                <li><a href="#">Submenu 1.1.2.1</a>

                                </li>
                                <li><a href="#">Submenu 1.1.2.2</a>

                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#">Submenu 1.2</a>

                </li>
            </ul>
        </li>
        <li class="has-sub"> <a href="#">Menu 2</a>

            <ul>
                <li><a href="#">Submenu 2.1</a>

                </li>
                <li><a href="#">Submenu 2.2</a>

                </li>
            </ul>
        </li>
        <li class="has-sub"> <a href="#">Menu 3</a>

            <ul>
                <li><a href="#">Submenu 3.1</a>

                </li>
                <li><a href="#">Submenu 3.2</a>

                </li>
            </ul>
        </li>
    </ul>
</div>

CSS

.navigation {
    position: fixed;
    top: 0;
    left:80px;
    width: 60px;
    /* 13em*/
    height: 100%;
    background-color: #323232;
    box-shadow: 2px 0 3px 1px rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 1;
}
.navigation ul, .navigation ul li, .navigation ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.navigation ul {
    position: relative;
    z-index: 500;
    float: left;
}
.navigation ul li {
    float: left;
    min-height: 0.05em;
    line-height: 1em;
    vertical-align: middle;
    position: relative;
}
.navigation ul li.hover, .navigation ul li:hover,.navigation ul li.active {
    position: relative;
    z-index: 510;
    cursor: default;
}
.navigation ul ul {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 520;
    width: 100%;
}
.navigation ul ul li {
    float: none;
}
.navigation ul ul ul {
    top: 0;
    right: 0;
}
.navigation ul li:hover > ul,.navigation ul li.active > ul {
    visibility: visible;
}
.navigation ul ul {
    top: 0;
    left: 99%;
}
.navigation ul li {
    float: none;
}
.navigation ul ul {
    margin-top: 0.05em;
}
.navigation {
    width: 13em;
    background: #333333;
    font-family:'roboto', Tahoma, Arial, sans-serif;
    zoom: 1;
}
.navigation:before {
    content:'';
    display: block;
}
.navigation:after {
    content:'';
    display: table;
    clear: both;
}
.navigation a {
    display: block;
    padding: 1em 1.3em;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}
.navigation > ul {
    width: 13em;
}
.navigation ul ul {
    width: 13em;
}
.navigation > ul > li > a {
    border-right: 0.3em solid #34A65F;
    color: #ffffff;
}
.navigation > ul > li > a:hover {
    color: #ffffff;
}
.navigation > ul > li a:hover, .navigation > ul > li:hover a, .navigation > ul > li.active a {
    background: #34A65F;
}
.navigation li {
    position: relative;
}
.navigation ul li.has-sub > a:after...

JavaScript

$(document).on('click', '.btn1', function () {
    console.log('btn 1');
    //$('.imFirst  a').trigger('mouseenter');
    //$('.imFirst  a').trigger('mouseover');
    //$('.imFirst  a').trigger('hover');
    $('.imFirst a ').mouseenter()
    //$('.imFirst a ').mouseover()
    $('.imFirst   a').toggleClass('hover');
    $('.imFirst   a').addClass('hover');

});

$(document).on('click', '.btn2', function () {
    $('.imFirst').toggleClass('active');
});