Skip to main content

Accordion "Left Navigation" (Quick Launch) for SharePoint 2013

For Expand/collapse "Left Navigation (Quick Launch) for sharepoint 2013
Copy the below code and paste in Master page


jQuery(document).ready(function () {

 /*set dynamic css logic*/

 if($('#sideNavBox .menu-item.selected').length){

  //propagates the selected class, up the three.

  $('li.static').removeClass('selected');

  $('#sideNavBox .menu-item.selected').parents('li.static').addClass('selected');

  //collapses top siblings of selected branch

  $('#sideNavBox .menu-item.selected').parents('li.static').last().siblings()

   .find('> ul').hide();

 }

 else $('#sideNavBox .root.static > li.static > ul').hide();

 /*set accordion effect*/

 $('#sideNavBox .root.static > li.static').each(function(){

  if($(this).find('ul').length){

   $(this).addClass('father').click(function(){

    if($(this).children('ul').css('display') != 'none'){

     $(this).removeClass('selected').children('ul').slideUp();

    }

    else {

     /*collapse-siblings*/

     $(this).siblings().removeClass('selected').children('ul').slideUp();

     /*expand*/

     $(this).addClass('selected').children('ul').slideDown();

    }

    /*added: stop event propagation to link nodes*/

    $('a.static').click(function(event) {

        event.stopPropagation();

    });

    /*added*/

   });

  }

 });

});

Comments

thanks for the above post, which is working fine the collapsible left navigation

Popular posts from this blog

Ghosting and Unghosting

Ghosting means process of requesting an uncustomized page instance by using a page template loaded into memory from the file system of the front-end Web server. These Ghosted pages are pulled from the cache at runtime and therefore it will increase the scalability from the system. All uncustomized pages are reused across all the sites and there is no unnecessary data storage or retrieval. Ghosting eliminates the need to transfer the contents of a page definition file from the SQL Server computer with the content database to the front-end Web server computer For example, the default home page is a ghosted page. Any web part pages created via New Web Part Page user interface also ghosted. Unghosting means that the site has been customized. When you customize a site in SharePoint Designer, or you add custom fields to a Document Library, or create sites using that template; then the changes that you made are stored in the database as a difference and that is referred to as Unghost...