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