none
Duvidas no JQuery com o Accordion RRS feed

 > 

  • Pergunta

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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
    |