facing problem in compact menu

Topics: Writing modules
Dec 5, 2013 at 11:26 AM
I created the 2 menu french & eng menu in widget,but facing a problem in compact menu. when click d french menu show space in eng menu & click d eng menu show space in french menu .
<div id="enmenu"> <div class="header"> <div class="container"> <div class="logo"><a href="/en/index/"><img id="logo-header" src="/Media/Default/Content/assets/logo1-default.jpg" alt="Logo" /></a></div> <div style="margin-left: 200px;"> <ul class="loginbar pull-right2"> <li><i class="icon-globe"></i><a>Languages <i class="icon-sort-up"></i></a> <ul class="nav-list"> <li><a href="#" onclick="fr()">English</a></li> <li><a href="#" onclick="en()">French</a></li> </ul> </li> </ul> </div> <!-- Menu --> <div class="navbar"> <div class="navbar-inner"><a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a><!-- /nav-collapse --> <div class="nav-collapse collapse"> <ul class="nav top-2"> <li class="active" id="hlightwelcome2"><a href="/en">Welcome</a></li> <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Our business <b class="caret"></b> </a> <ul class="dropdown-menu"> <li id="hlightadvert2"><a href="/en/Advertisings">Advertising graphics</a></li> <li id="hlightvideo2"><a href="/en/video">Video</a></li> <li id="hlightpress2"><a href="/en/press">Press and Copywriting</a></li> <li id="hlightstrategy2"><a href="/en/strategy">Strategy</a></li> <li id="hlightincen2"><a href="/en/incentives">Incentives and RP</a></li> <li id="hlightemarket2"><a href="/en/emarketing">E-Marketing</a></li> <li id="hlighttvpro2"><a href="/en/tvproduction">TV Production</a></li> </ul> <b class="caret-out"></b></li> <li id="hlightcatalogue2"><a href="/en/catalogue"> Catalogue </a></li> <li id="hlightporfolio2"><a href="/en/portfolio"> Portfolio </a></li> <li id="highlightcontact2"><a href="/en/contact">Contact </a></li> <li id="hlightref2"><a href="/en/references">References </a></li> <li id="hlightvdo2"><a href="/en/vdotrip">VDOtrip.com </a></li> <li id=""><a href="/Form1">Download</a></li> </ul> <!-- /nav-collapse --></div> <!-- /navbar-inner --></div> <!-- /navbar --></div> <!-- /container --></div> </div> </div> <!-- /Eng Menu --> <div id="frmenu" style="margin-top: 10px;"> <div class="header"> <div class="container"> <div class="logo"><a href="/fr/index"><img id="logo-header" src="/Media/Default/Content/assets/logo1-default.jpg" alt="Logo" /></a></div> <!-- /logo --> <div style="margin-left: 200px;"> <ul class="loginbar pull-right2"> <li><i class="icon-globe"></i><a>Languages <i class="icon-sort-up"></i></a> <ul class="nav-list"> <li><a href="#" onclick="fr()">English</a></li> <li><a href="#" onclick="en()">French</a></li> </ul> </li> </ul> </div> <!-- Menu --> <div class="navbar"> <div class="navbar-inner"><a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a><!-- /nav-collapse --> <div class="nav-collapse collapse"> <ul class="nav top-2"> <li class="active" id="hlightwelcome"><a href="/">Bienvenue</a></li> <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Nos champs d'actions <b class="caret"></b> </a> <ul class="dropdown-menu"> <li id="hlightadvert"><a href="/fr/Advertisings">Publicit&eacute;/Graphisme</a></li> <li id="hlightvideo"><a href="/fr/video">Video &amp; TV</a></li> <li id="hlightpress"><a href="/fr/press">Presse &amp; Copywriting</a></li> <li id="hlightstrategy"><a href="/fr/strategy">Strategie</a></li> <li id="hlightincen"><a href="/fr/incentives">Incentives &amp; PR</a></li> <li id="hlightemarket"><a href="/fr/emarketing">E-Marketing</a></li> <li id="hlighttvpro"><a href="/fr/tvproduction">Formation</a></li> </ul> <b class="caret-out"></b></li> <li id="hlightcatalogue"><a href="/fr/catalogue"> Catalogue </a></li> <li id="hlightporfolio"><a href="/fr/portfolio"> Portfolio </a></li> <li id="highlightcontact"><a href="/fr/contact">Contact </a></li> <li id="hlightref"><a href="/fr/references">References </a></li> <li id="hlightvdo"><a href="/fr/vdotrip">VDOtrip.com </a></li> <li id=""><a href="/Form1">Download</a></li> </ul> <!-- /nav-collapse --></div> <!-- /navbar-inner --></div> <!-- /navbar --></div> <!-- /container --></div> </div> <!-- /French Menu --></div>
Dec 7, 2013 at 3:37 PM
Thankz :)