Clicar em menu css e ele abrir a pagina

[tupinikin 1]

Eu preciso que na hora que clicar no item com o ID #one ele abra o link,

mas não esta funcionando.

<li id="one" class="files">


<a href="xxxxxxxxx#one"> <?php echo $vai2['nome_produto']?></a>


</li>


<ul class="sub-menu">


<li><a href="1.php?cod_evento=<?php echo $evento;?>"><em>01</em>Submenu 1</a></li>


<li><a href="2.php?cod_evento=<?php echo $evento;?>"><em>02</em>Submenu 2</a></li>



</ul>


</li>

/* *********************************************************************************************


How to Create CSS3 + jQuery Accordion Menu [Tutorial]

"How to Create CSS3 + jQuery Accordion Menu" that was specially made for DesignModo by our friend Valeriu Timbuc. 


Links:
http://vtimbuc.net/
https://twitter.com/vtimbuc
http://designmodo.com/futurico
http://vladimirkudinov.com
http://rockablethemes.com


********************************************************************************************* */


/* Reset */


.accordion,

.accordion ul,

.accordion li,

.accordion a,

.accordion span {

	margin: 0;

	padding: 0;

	border: none;

	outline: none;

}


.accordion li {

	list-style: none;

}


/* Layout & Style */


.accordion li > a {

	display: block;

	position: relative;

	min-width: 110px;

	padding: 0 10px 0 40px;

	height: 32px;


	color: #fdfdfd;

	font: bold 12px/32px Arial, sans-serif;

	text-decoration: none;

	text-shadow: 0px 1px 0px rgba(0,0,0, .35);


	background: #6c6e74;

	background: -moz-linear-gradient(top,  #6c6e74 0%, #4b4d51 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51));

	background: -webkit-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);

	background: -o-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);

	background: -ms-linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);

	background: linear-gradient(top,  #6c6e74 0%,#4b4d51 100%);


	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);

	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);

	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);

}


.accordion > li:hover > a,

.accordion > li:target > a,

.accordion > li > a.active {

	color: #3e5706;

	text-shadow: 1px 1px 1px rgba(255,255,255, .2);


	/*background: url(../img/active.png) repeat-x;*/

	background: #FF0000;

	background: -moz-linear-gradient(top,  #FF0000 0%, #6b8f1a 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF0000), color-stop(100%,#6b8f1a));

	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);

	background: -o-linear-gradient(top,  #a5cd4e 0%,#FF0000 100%);

	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);

	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);	

}


.accordion li > a span {

	display: block;

	position: absolute;

	top: 7px;

	right: 0;

	padding: 0 10px;

	margin-right: 10px;


	font: normal bold 12px/18px Arial, sans-serif;

	background: #FF0000;


	-webkit-border-radius: 15px;

	-moz-border-radius: 15px;

	border-radius: 15px;


	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);

	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);

	box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);

}


.accordion > li:hover > a span,

.accordion > li:target > a span,

.accordion > li > a.active span {

	color: #fdfdfd;

	text-shadow: 0px 1px 0px rgba(0,0,0, .35);

	background: #FF0000;

}


/* Images */


.accordion > li > a:before {

	position: absolute;

	top: 0;

	left: 0;

	content: '';

	width: 24px;

	height: 24px;

	margin: 4px 8px;


	background-repeat: no-repeat;

	background-image: url(../img/icons.png);

	background-position: 0px 0px;

}


.accordion li.files > a:before { background-position: 0px 0px; }

.accordion li.files:hover > a:before,

.accordion li.files:target > a:before,

.accordion li.files > a.active:before { background-position: 0px -24px; }


.accordion li.mail > a:before { background-position: -24px 0px; }

.accordion li.mail:hover > a:before,

.accordion li.mail:target > a:before,

.accordion li.mail > a.active:before { background-position: -24px -24px; }


.accordion li.cloud > a:before { background-position: -48px 0px; }

.accordion li.cloud:hover > a:before,

.accordion li.cloud:target > a:before,

.accordion li.cloud > a.active:before { background-position: -48px -24px; }


.accordion li.sign > a:before { background-position: -72px 0px; }

.accordion li.sign:hover > a:before,

.accordion li.sign:target > a:before,

.accordion li.sign > a.active:before { background-position: -72px -24px; }


/* Sub Menu */


.sub-menu li a {

	color: #797979;

	text-shadow: 1px 1px 0px rgba(255,255,255, .2);


	background: #e5e5e5;

	border-bottom: 1px solid #c9c9c9;


	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);

	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);

	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);

}


.sub-menu li:hover a { background: #efefef; }


.sub-menu li:last-child a { border: none; }


.sub-menu li > a span {

	color: #797979;

	text-shadow: 1px 1px 0px rgba(255,255,255, .2);

	background: transparent;

	border: 1px solid #c9c9c9;


	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}


.sub-menu em {

	position: absolute;

	top: 0;

	left: 0;

	margin-left: 14px;

	color: #FF0000;

	font: normal 10px/32px Arial, sans-serif;

}


/* Functionality */


.accordion li > .sub-menu {

	display: none;

}


.accordion li:target > .sub-menu {

	display: block;

}

[Marlon Pacheco 132]

Buenas tchê.

 

Não está aparecendo nenhum erro no console do navegador? Aparentemente há um JS anulando o comportamento do link.

[tupinikin 1]

Entendi, vou da uma olhada nos javascripts, e posto a resposta aqui