Sharepoint 导航菜单折叠

Posted 2023-03-24

【中文标题】Sharepoint 导航菜单折叠

【英文标题】：Sharepoint navigation menu collapse

【发布时间】：2010-11-22 14:19:56

【问题描述】：

有谁知道您何时在 sharepoint 中创建了站点设置导航中的导航结构/我只能在标题下添加页面并且必须隐藏作为标题的页面？

如何在单击顶部菜单而不是立即显示时使菜单折叠？

我想在单击第一个级别时显示第二个级别，然后单击第二个级别以使第一个消失并显示第二个和第三个以及面包屑以轻松返回主页。

如何在门户网站而不是发布站点中完成此操作？任何建议将不胜感激。

【参考方案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>