Make menu active while different page selection : Masterpage

Karthik K

HI All ,

I want to make the menu selection to be active , while selecting different page selection in menu. it should be expanded.I have created master page for design.How can i implement it .give suggestion with sample code.

after that click that summary sale , it redirect to summarysales page but it shows as like follows.

i require to make that summary sale menu item to be active.

Thanking You ,

Karthik K

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Faisal Pathan7y ago
You can put that logic in the master page itself or in common js which used in the master page and shared in all child pages.
Karthik K7y ago
Hi Pathan,

Thanks for your respose. your mentioned url example good. but i want to implement that concept.i am not sure where to put the jquery function. becoz i have used the master page in this.

In this case , where should i place that code. if you clarify those thing it would be beneficial for me .

Thanks ,

Karthikeyan K
Faisal Pathan7y ago
Here is one example please change as per need.
unction initMenu() {
    $('#menu li > a').click(function(e){

        if($(this).next('ul').length > 0){

            e.preventDefault();

            var subNav = $(this).next('ul');

            if (subNav.is(':visible')){
                subNav.slideUp('normal')
                $(this).removeClass("selected");
            }else{
                $('#menu ul:visible').slideUp('normal');
                subNav.slideDown('normal');
                $("a.selected").removeClass("selected");
                $(this).addClass("selected");
            }
        }

    });
}
body id="home">
    /* other code here */
    <ul id="menu">
        <li><a href="#">Menu 1a>
            <ul class="home">
            /* more code here */
or visit below links : https://www.infoworld.com/article/3304440/setting-an-active-menu-item-based-on-the-current-url-with-jquery.html