Foros del Web » Programando para Internet » Javascript » Frameworks JS »

No me funcionan los enlaces en slideUp/slideDown

Estas en el tema de No me funcionan los enlaces en slideUp/slideDown en el foro de Frameworks JS en Foros del Web. Hola Foro, tengo un acordeón con slideUp/slideDown que funciona correctamente, pero si pongo algún enlace en la lista de vuelve a ocultar... sin que el ...
  #1 (permalink)  
Antiguo 31/05/2012, 23:29
Avatar de X3mdesign  
Fecha de Ingreso: octubre-2003
Ubicación: Madrid
Mensajes: 649
Antigüedad: 17 años, 9 meses
Puntos: 2
No me funcionan los enlaces en slideUp/slideDown

Hola Foro, tengo un acordeón con slideUp/slideDown que funciona correctamente, pero si pongo algún enlace en la lista de vuelve a ocultar... sin que el link haga su función...

Me podéis echar una mano¿?

Os dejo el código:

Código:
<script type="text/javascript">
$(document).ready(function () {
	$('#accordion li').children('ul').hide();
	$('#accordion li').click(function () {
	$('#accordion li div').children('ul').slideUp('slow');
	$('#accordion li > a').each(function () {
		if ($(this).attr('rel')!='') {
		$(this).removeClass($(this).attr('rel') + 'Over');
		}
	});
		$(this).children('ul').slideDown('fast');
		$(this).children('a').addClass($(this).children('li a').attr('rel') + 'Over');
		return false;
	});
});
el estilo
Código HTML:
#accordion{
	margin:0;
	padding:0;
	list-style:none;
}
#accordion div {
	display: block;
	border-bottom:1px solid #777777;
	font-weight: bold;
	padding: 0;
	margin-bottom:10px;
	cursor: pointer;
	list-style: none;
	text-decoration:none;
	220px
}
#accordion ul{
	margin-top:-5px;
	margin-bottom:10px;
	padding-bottom:10px;
	list-style: none;
	text-decoration:none;

}
#accordion li{
	list-style: none;
	text-decoration:none;
}
#accordion li a{
	display:block;
	width:100%;
	outline:none;
	list-style: none;
	text-decoration:none;
}

#accordion ul li a{
	width:100%;
	padding-top:0px;
	/*border-bottom:1px dotted #777;*/
	text-indent:0;
	/*color:#ccc;*/
	list-style: none;
	text-decoration:none;
}
#accordion ul li{
	margin-left:15px;
	margin-right:20px;
	padding:0px;
	text-indent:0px;
	list-style: none;
	text-decoration:none;
}
#accordion ul li a.last{
	border-bottom:1px solid red;
}
y pot último el listado:
Código HTML:
<ul id="accordion">
<li><div>&lt;&lt; 2012 &gt;&gt;</div><ul>
<li><a href="http://www.noestandificil.x3mdesign.com/historico/2012-05/" title="">mayo (1)</a></li>
<li><a href="http://www.noestandificil.x3mdesign.com/historico/2012-02/" title="">febrero (2)</a></li>
</ul></li>
<li><div>&lt;&lt; 2011 &gt;&gt;</div><ul>
<li><a href="http://www.noestandificil.x3mdesign.com/historico/2011-12/" title="">diciembre (2)</a></li>
<li><a href="http://www.noestandificil.x3mdesign.com/historico/2011-10/" title="">octubre (2)</a></li>
<li><a href="http://www.noestandificil.x3mdesign.com/historico/2011-09/" title="">septiembre (1)</a></li>
<li><a href="http://www.noestandificil.x3mdesign.com/historico/2011-06/" title="">junio (1)</a></li>
<li><a href="http://www.noestandificil.x3mdesign.com/historico/2011-05/" title="">mayo (1)</a></li>
<li><a href="http://www.noestandificil.x3mdesign.com/historico/2011-04/" title="">abril (1)</a></li>
<li><a href="http://www.noestandificil.x3mdesign.com/historico/2011-03/" title="">marzo (1)</a></li>
<li><a href="http://www.noestandificil.x3mdesign.com/historico/2011-02/" title="">febrero (5)</a></li>
</ul></li></ul> 
__________________
Nippon-Tour, tu portal sobre Japón
¿Te gusta el manga, haces tus propios dibujos? Visita FanArt de Nippon-Tour

Última edición por X3mdesign; 31/05/2012 a las 23:49

Etiquetas: jquery
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 00:01.