Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/08/2014, 11:49
ansokbeatz
 
Fecha de Ingreso: agosto-2014
Mensajes: 1
Antigüedad: 9 años, 8 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