
29/08/2014, 11:49
|
| | Fecha de Ingreso: agosto-2014
Mensajes: 1
Antigüedad: 10 años, 6 meses Puntos: 0 | |
Acordeon jQuery Hola estimados,
estoy con una duda que creo que no deberia ser tan complicada, lo que pasa es que tengo una acordeon con un pequeño jQuery y cual al cargar la pagina me muestra la acordeon contraida y lo que necesito es que me muestre desplegada solo una parte de ella , en este caso seria el id="fogape"... este es mi codigo
Código:
<h1>Pymes y Empresas</h1>
<div>
<h2 class="inversiones opened-for-codepen"></h2>
<div>
<ul class="opened-for-codepen">
<li>Elemento Lista</li>
<li>Elemento Lista</li>
<li>Elemento Lista</li>
<li>Elemento Lista</li>
<li>Elemento Lista</li>
</ul>
</div>
<h2 class="fogape opened-for-codepen"></h2>
<div>
<ul id="fogape" class="opened-for-codepen">
<li>Elemento Lista</li>
<li>Elemento Lista</li>
<li>Elemento Lista</li>
<li>Elemento Lista</li>
<li>Elemento Lista</li>
</ul>
</div>
</div>
Código:
var headers = ["H1","H2","H3","H4","H5","H6"];
$(".accordion").click(function(e) {
var target = e.target,
name = target.nodeName.toUpperCase();
if($.inArray(name,headers) > -1) {
var subItem = $(target).next();
//slideUp all elements (except target) at current depth or greater
var depth = $(subItem).parents().length;
var allAtDepth = $(".accordion div").filter(function() {
if($(this).parents().length >= depth && this !== subItem.get(0)) {
return true;
}
});
$(allAtDepth).slideUp("fast");
//slideToggle target content and adjust bottom border if necessary
subItem.slideToggle("fast",function() {
$(".accordion :visible:last").css("border-radius","0 0 0 0");
});
$(target).css({"border-bottom-right-radius":"0", "border-bottom-left-radius":"0"});
}
});
Ayudaaaa pleasee!!
se agradece |