Свернуть это изображениеРазвернуть это изображение

Question

Кто-нибудь знает, когда в sharepoint вы создали навигационную структуру в настройках настроек сайта/чтобы я мог добавлять только страницу под заголовком и скрывать страницу, которая является заголовком?

Как я могу заставить меню свернуть при нажатии на верхнее меню, а не на немедленном отображении?

Я хочу отобразить второй уровень при щелчке по любому из первых, а затем при щелчке по второму для первого, чтобы исчезнуть, а 2-й и 3-й, чтобы отобразить, и хлеб, чтобы легко вернуться домой.

Как это можно сделать на портале не с сайтами публикации? Любые советы будут очень признательны.

Answer 1

Jquery путь:

<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>