Skip to main content

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

By
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

sharepoint Analyst said…
thanks for the above post, which is working fine the collapsible left navigation
August 31, 2016 at 1:10 PM
Post a Comment

Popular posts from this blog

Sharepoint Interview questions

By
What is Microsoft Windows SharePoint Services? How is it related to Microsoft Office SharePoint Server 2007? Windows SharePoint Services is the solution that enables you to create Web sites for information sharing and document collaboration. Windows SharePoint Services -- a key piece of the information worker infrastructure delivered in Microsoft Windows Server 2003 -- provides additional functionality to the Microsoft Office system and other desktop applications, and it serves as a platform for application development. Office SharePoint Server 2007 builds on top of Windows SharePoint Services 3.0 to provide additional capabilities including collaboration, portal, search, enterprise content management, business process and forms, and business intelligence. What is Microsoft SharePoint Portal Server? SharePoint Portal Server is a portal server that connects people, teams, and knowledge across business processes. SharePoint Portal Server integrates information from various systems into o...
1 comment
Read more

SharePoint 2010 Branding: Change site actions and welcome menu arrows

By
Here's how you can do it. Hide the image and give our custom image element a background image. Look Like: .ms-viewselector-arrow {     background: transparent url('/PublishingImages/images/Arrow.png') no-repeat scroll 0 0;     height: 4px; /* height of the image */     width: 5px; /* width of the image */ } .ms-viewselector-arrow img {     display: none; }
1 comment
Read more

Lookup field does not showing values in sharepoint2013

By
SharePoint Custom Form Shows HTML as Text on Lookup Fields   When creating a custom display form on SharePoint Designer, the form displays the actual HTML instead of rendering the HTML on the lookup columns. For example, see the below image: For the lookup value issue, you need to slightly modify the XSLT of the particular field from designer and add the attribute disable-output-escaping="yes" to the field.
Post a Comment
Read more