Advanced Search

Sharepoint Left Nav home

/ Published in: JavaScript
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. // JavaScript Document
  2.  
  3. $(function(){
  4. 	   //initialize menus
  5. 	   var menuRows = $("[id$='QuickLaunchMenu'] > tbody > tr");
  6. 	   var menuHd = menuRows.filter("[id]:has(+tr:not([id]))");
  7.  
  8. 	   //set img path for when submenu is hidden
  9. 	   var closedImg = "/_layouts/images/Menu1.gif";
  10.  
  11. 	   //set img path for when submenu is visible
  12. 	   var openedImg = "/_layouts/images/ptclose.gif";
  13.  
  14. 	   var cssInit = {
  15. 		   "background-image": "url('"+closedImg+"')",
  16. 		   "background-repeat": "no-repeat",
  17. 		   "background-position": "100% 50%"
  18. 		}
  19. 		var cssClosed = {"background-image": "url('"+closedImg+"')"}
  20. 		var cssOpen = {"background-image": "url('"+openedImg+"')"}
  21.  
  22. 		//hide submenus
  23. 		menuRows.filter(":not([id])").hide();
  24.  
  25. 		//apply initial inline style to menu headers
  26. 		menuHd.find("td:last").css(cssInit);
  27.  
  28. 		menuHd.click(function () {
  29. 			var styleElm = $(this).find("td:last")
  30. 			var nextTR = $(this).next("tr[id='']");
  31. 			if (nextTR.is(":not(':hidden')")) {
  32. 				nextTR.hide();
  33. 				styleElm.css(cssClosed);
  34. 			} else {
  35. 				nextTR.show();
  36. 				styleElm.css(cssOpen);
  37. 			}
  38. 		});
  39. });

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.