Menu Tree Customization In SCA

Jira Code: VG-14

Menu tree in SCA follows a default structure. We can customize the menu tree by modifying the development code. Here the child level nodes will visible when the parent node will hover.

<script>
$(function() {
    $('.topmenuicons').mouseover(function() {
        $(".header-menu-level-container").css("width", "25%");
    });
    $('.menu2-link').mouseover(function() {
        $(".header-menu-level-container").css("width", "25%");
        $(this).next('.header-menu-level3').addClass('activated');
        $(".header-menu-level-container").css("width", "100%");
        if ($(this).next('.header-menu-level3').length === 0) {
            $(".header-menu-level-container").css("width", "25%");
        };
    }).mouseout(function() {
        $('.menu2-link').next('.header-menu-level3').removeClass('activated');

    });
     $('ul.header-menu-level3').mouseover(function() {
        $(this).parent().css('background-color', '#435363');
        }).mouseout(function() {
         $(this).parent().css('background-color', '');

    });

});
</script>