Automatically navigation menu expand & collapse

Go to Page 0: Global Page 

Create Page Load Dynamic Action:

Action: JavaScript Code:


$('#t_Body_nav #t_TreeNav').on('click', 'ul li.a-TreeView-node div.a-TreeView-content', function(){

   $(this).prev('span.a-TreeView-toggle').click();

});


$('#t_Body_nav #t_TreeNav').on('click', 'ul li.a-TreeView-node div.a-TreeView-content:not(:has(a))', function(){

   $(this).prev('span.a-TreeView-toggle').click();

});



(function($) {

$(window).on('theme42ready', function() {

    /* Make sure that the navigation menu is collapsed on page load */

    if ($('.t-PageBody').hasClass('js-navExpanded')) {

        $('#t_Button_navControl').click();

    }


    /* Expand on mouse over, collapse on mouse out */

    $('.apex-side-nav .t-Body-nav').hover(

        function(){

            //only expand if the side menu is collapsed

            $('.t-PageBody:not(.js-navExpanded) #t_Button_navControl').click();

        },

        function() {

            $('#t_Button_navControl').click();

        }

    );

});


})(apex.jQuery);

Post a Comment

Previous Post Next Post