Foros del Web » Programando para Internet » Jquery »

Acordeon jQuery

Estas en el tema de Acordeon jQuery en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/08/2014, 11:49
 
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

Etiquetas: acordeon
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:36.