Bonjour tout le monde!
Voici mon problème; j'ai un menu vertical qui fonctionne mais le lien qui n'a pas de sous menu ne fonctionne pas. Je sais que ça vient du return false mais si je le mets pas mon menu remonte dans la fenetre du navigateur. Vous pouvez me renseigner sur ce problème?
Merci,
Voici mon problème; j'ai un menu vertical qui fonctionne mais le lien qui n'a pas de sous menu ne fonctionne pas. Je sais que ça vient du return false mais si je le mets pas mon menu remonte dans la fenetre du navigateur. Vous pouvez me renseigner sur ce problème?
Merci,
<div class="bloc a_Defaut_styles_Color-defaut_bloc_menus_defaut">
<div class="corps">
<ul class="niv1">
<li><a href="http://www.ce-vacances.com">Accueil</a> </li>
<li><a href="#" class="niv1plus">Vacances</a>
<ul class="niv2">
<li> <a href="#">CEMALIN</a> </li>
<li> <a href="#">Chèques Vacances</a> </li>
<li> <a href="#">Voyages</a> </li>
<li> <a href="#">Voyages</a> </li>
<li> <a href="#">Voyages</a> </li>
</ul>
</li>
<li><a href="#" class="niv1plus">Billetterie</a>
<ul class="niv2">
<li> <a href="#">CEMALIN</a> </li>
<li> <a href="#">Ciné Off</a> </li>
<li> <a href="#">Plouf</a> </li>
</ul>
</li>
<li><a href="#">Les réductions</a> </li>
<li><a href="#">Boite à idées</a> </li>
<li><a href="#">Activités Locales</a> </li>
</ul>
<div class='cl'></div>
</div>
</div>
.col ul.niv1{
display: block;
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
.col ul.niv1 li{
margin: 0;
padding:0;
list-style: none;
display: block;
position: relative;
}
.col ul.niv1 a{
position: relative;
display: block;
}
/* niv2 dropdown
*************************/
.col ul.niv2{
margin: 0;
padding:0;
display: block;
z-index: 999;
top: 100%;
width:100%;
display: none;
left: 0;
}
.col ul.niv2 ul.niv2{
top: 0;
left: 95%;
}
.col ul.niv2 li{
margin: 0;
padding: 0;
float: none;
position: relative;
list-style: none;
display: block;
}
.col ul.niv2 li a{
display: block;
}
* {margin:0; padding:0}
.col .a_Defaut_styles_Color-defaut_bloc_menus_defaut ul{
text-align: left;
padding:0;
margin:0;
width:100%;
line-height: 2em;
list-style:none;
z-index:5;
}
.col .a_Defaut_styles_Color-defaut_bloc_menus_defaut ul li a{
text-align:left;
white-space:nowrap;
text-decoration:none;
display:block;
position:relative;
line-height: 1em;
text-transform:uppercase;
font-size:12px;
color:#fff;
margin:0 0 5px 0;
padding:10px 13px;
height:auto;
background: #E50150;
}
.col .a_Defaut_styles_Color-defaut_bloc_menus_defaut ul li a:hover{
background:#2F3D46;
color:#fff;
}
.col .a_Defaut_styles_Color-defaut_bloc_menus_defaut ul .niv2{
overflow:hidden;
z-index:1000;
width:100%;
padding:0;
margin-bottom:5px;
}
.col .a_Defaut_styles_Color-defaut_bloc_menus_defaut ul.niv2 li a{
border:none;
text-align:left;
margin:0 0 0 0;
padding:10px 15px;
box-shadow:none;
width:auto;
font-size:12px !important;
font-weight:400 !important;
text-transform:capitalize !important;
}
.col .a_Defaut_styles_Color-defaut_bloc_menus_defaut ul.niv2 li a:hover{
}
.col .a_Defaut_styles_Color-defaut_bloc_menus_defaut ul.niv2 li{
}
.col .a_Defaut_styles_Color-defaut_bloc_menus_defaut ul.niv2 li:hover{
}
$(document).ready(function() {
var menu_ul = $('#cont-wrapper-col3 .niv1 > li > ul'),
menu_a = $('#cont-wrapper-col3 .niv1 > li > a');
menu_ul.hide();
menu_a.click(function(e) {
if(!$(this).hasClass('active')) {
menu_a.removeClass('active');
menu_ul.filter(':visible').slideUp('normal');
$(this).addClass('active').next().stop(true,true).slideDown('normal');
} else {
$(this).removeClass('active');
$(this).next().stop(true,true).slideUp('normal');
}
return false
});
});