Clicar em menu css e ele abrir a pagina
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. }Discussão (2)
Carregando comentários...