Accordion quick launch SharePoint

Question

hi
I want to modify SharePoint Foundation 2010 quick launch menu as is the photo
thank you

Answer 1

Hi,

To modify the style of the quick launch as you want, custom code using jQuery and CSS would be required.

The two demos below would be helpful, you can adjust the CSS style of the dynamic effect to meet your requirement:

http://www.c-sharpcorner.com/UploadFile/sagarp/accordion-style-left-navigation-using-jquery-and-css-in-shar688/

https://wiki.base22.com/display/btg/How+to+do+an+accordion+effect+to+quick+launch+menu+with+jQuery+in+Sharepoint+2010

Another similar thread for your reference:

https://social.technet.microsoft.com/Forums/en-US/1eb84e5c-9a44-4a69-80e6-ff113ccf1a31/accordion-style-quick-launch-sharepoint-2010?forum=sharepointdevelopmentprevious

Best regards

---

Patrick Liang
TechNet Community Support

Answer 2

Hello

I want to Multilevel Slide Menu as the picture dessou

Answer 3

Hi,

Since the OOTB quick launch doesn’t support multi-level relationship between navigation items, that means there is no corresponding data can be retrieved from SharePoint, a suggest is that you can create a custom quick launch with the favorite style and the navigation items you want instead of customizing the original one.

About how to create multi-level navigation menu using JavaScript, the plugins below would be helpful:

http://www.jqueryscript.net/demo/Animated-Vertical-Accordion-Menu-with-jQuery-CSS3-mtree-js/

http://cssmenumaker.com/menu/jquery-accordion-menu

http://thecodeplayer.com/walkthrough/vertical-accordion-menu-using-jquery-css3

Best regards

---

Patrick Liang
TechNet Community Support