2009-08-25 9 views
0

Sharepointのサイト設定ナビゲーションでナビゲーション構造を作成したことは誰にも分かりませんが、見出しの下にページを追加するだけで、見出しのページを非表示にする必要がありますか?Sharepointのナビゲーションメニューの崩壊

すぐに表示されるのではなくトップメニューをクリックするとメニューが崩れることはありますか?

最初のいずれかをクリックしたときに2番目のレベルを表示したい場合は、2番目のレベルを表示したい場合は2番目のレベルを表示し、2番目と3番目のメニューを表示してブレッドクラムを簡単に戻します。

パブリッシングサイトではなくポータルでこれを行うにはどうすればいいですか?アドバイスをいただければ幸いです。

答えて

0

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> 
関連する問題