none
Como fazer Accordion no Quick Launch menu? RRS feed

  • Pergunta

  • Bom dia,

     

    Estava tentando fazer por Jquery usando os codigos descritos neste site: http://saikiransheshagiri.blogspot.com/2010/09/accordion-left-navigation-in-sharepoint.html

    Porem quando clico no item ele não expande os subItens,

    Alguem sabe o porque disso ou conhece outra maneira de fazer que funcione?

    Desde ja muito Obrigado

    quarta-feira, 19 de janeiro de 2011 13:42

Respostas

  • Descubri como fazer , e pra quem tiver os mesmos problemas que eu eis a solução

    E so colocar o codigo :

    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
     // Load jQuery
     google.load("jquery", "1.2.6");
    </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/Menu1.gif";
      //set img path for when submenu is visible
      var openedImg = "/_layouts/images/ptclose.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>
    
    e na chamada dos links tem de colocar javascript:void(0);

    • Marcado como Resposta ThiagoPereira quarta-feira, 19 de janeiro de 2011 16:18
    quarta-feira, 19 de janeiro de 2011 16:18