none
Duvidas no JQuery com o Accordion RRS feed

  • Pergunta

  • Opa a todos,

    Pessoal tenho um accordion em uma pagina que ta funcionando legal so que eu queria saber como eu faco para quando eu clicar na barra do accordion ele se recolher. Atualmente quando eu clico ele expande as opcoes so podendo ser recolhido quando eu clico em outra opcoao.

    <script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
      <script src="Scripts/jquery.accordion.js" type="text/javascript"></script>
      <script src="Scripts/jquery.easing.js" type="text/javascript"></script>
      
      <script>
        $(function () {
          $("#navigation").accordion({
            active: false,
            header: '.head',
            event: 'click',
            autoheight: false,
            animated:'easeslide'             
          });
        });
    	</script>
    
    <ul id="navigation">
        <li><a class="head" href="?p=1.1.1">Guitar</a>
    <ul>
    	<li><a href="?p=1.1.1.1">Electric</a></li>
    	<li><a href="?p=1.1.1.2">Acoustic</a></li>
    	<li><a href="?p=1.1.1.3">Amps</a></li>
    	<li><a href="?p=1.1.1.4">Effects</a></li>
    	<li><a href="?p=1.1.1.5">Accessories</a></li>
    </ul> 
    	</li>
    	<li><a class="head" href="?p=1.1.2">Bass</a>
    <ul>
    	<li><a href="?p=1.1.2.1">Electric</a></li>
    	<li><a href="?p=1.1.2.2">Acoustic</a></li>
    	<li><a href="?p=1.1.2.3">Amps</a></li>
    	<li><a href="?p=1.1.2.4">Effects</a></li>
    	<li><a href="?p=1.1.2.5">Accessories</a></li>
    	<li><a href="?p=1.1.2.5">Accessories</a></li>
    	<li><a href="?p=1.1.2.5">Accessories</a></li>
    </ul> 
    	</li>
    	<li><a class="head" href="?p=1.1.3">Drums</a>
    <ul>
    	<li><a href="?p=1.1.3.2">Acoustic Drums</a></li>
    	<li><a href="?p=1.1.3.3">Electronic Drums</a></li>
    	<li><a href="?p=1.1.3.6">Accessories</a></li>
    </ul> 
    	</li>
    </ul>
    

    Obrigado

     

    quinta-feira, 25 de agosto de 2011 02:23

Respostas

  • da uma olhada na documentação do JQuery.

    peguei uma parte em especifico:

    Selector for the active element. Set to false to display none at start. Needs collapsible: true.
    
    Code examples
    Initialize a accordion with the active option specified. 
    $( ".selector" ).accordion({ active: 2 });Get or set the active option, after init. 
    //getter
    var active = $( ".selector" ).accordion( "option", "active" );
    //setter
    $( ".selector" ).accordion( "option", "active", 2 );
    


    http://docs.jquery.com/UI/Accordion


    Caio Vitullo
    quinta-feira, 25 de agosto de 2011 10:43