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:
Ayudaaaa pleasee!! 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"}); } });
se agradece