Свернуть навигационное меню Sharepoint - PullRequest
Новая
       27

Свернуть навигационное меню Sharepoint

0 голосов
/ 25 августа 2009

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

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

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

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

1 Ответ

0 голосов
/ 21 октября 2009

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