Menu de navigation Sharepoint Réduire

Question

Est-ce que quelqu'un sait quand dans Sharepoint vous avez créé une structure de navigation dans la navigation des paramètres du site/que je peux seulement ajouter une page sous un en-tête et cacher la page qui est l'en-tête? Comment faire pour que le menu s'effondre lorsque l'on clique sur le menu du haut plutôt que sur l'affichage immédiat?

Je veux afficher le deuxième niveau en cliquant sur l'un des premiers, puis en cliquant sur le second pour que le premier disparaisse et le deuxième et le troisième soient affichés et le pain d'esprit pour retourner facilement à la maison.

Comment cela peut-il être fait dans le portail, pas avec des sites de publication? Tout avis serait grandement apprécié.

Answer 1

Jquery est le chemin:

<script type="text/javascript" src=http://yourMoss/sites/Shared%20Documents/jquery-x.x.x.js></script> 
<script type="text/javascript"> 
$(function(){ 
//initialize menus 
    var menuRows = $("[id$='QuickLaunchMenu'] > tbody > tr"); 
    var menuHd = menuRows.filter("[id!='']:has(+tr[id=''])"); 
    //set img path for when submenu is hidden 
    var closedImg = "/_layouts/images/plus.gif"; 
    //set img path for when submenu is visible 
    var openedImg = "/_layouts/images/minus.gif"; 
    var cssInit = { 
     "background-image": "url('"+closedImg+"')", 
     "background-repeat": "no-repeat", 
     "background-position": "100% 50%" 
    } 
    var cssClosed = {"background-image": "url('"+closedImg+"')"} 
    var cssOpen = {"background-image": "url('"+openedImg+"')"} 
    //hide submenus 
    menuRows.filter("[id='']").hide(); 
    //apply initial inline style to menu headers 
    menuHd.find("td:last").css(cssInit); 
    menuHd.click(function() { 
     var styleElm = $(this).find("td:last") 
     var nextTR = $(this).next("tr[id='']"); 
     if (nextTR.is(':visible')) { 
      nextTR.hide(); 
      styleElm.css(cssClosed); 
     } else { 
      nextTR.show(); 
      styleElm.css(cssOpen); 
     } 
    }); 
}); 
</script>