Dėl navigacijos (paspaudus atsirastu sub-navigacijų)

[airiux140]

Problema. Kaip reikia padaryti tokia navigacija, kad užvilkus ir paspaudus rodytu taip :

 

 

Kiek bandžiau, bet visgi - nesėkmingai gaunasi, gal kas padėtu su kodu ? 

 

Kodas : 

<li id="nav_menu_7" class="left skip_moremenu ">                            <a id="nav_menu_7_trigger" href="#" title="" class="">Kontaktai <span class="dropdownIndicator"></span></a>                            <div id="nav_menu_7_menucontent" class="submenu_container clearfix boxShadow" style="display: none; position: absolute; z-index: 9999; background: #8EE46C;">                                    <div class="left" style="z-index: 10000;">                                        <ul class="submenu_links" style="z-index: 10000;">                                                                                                                                                <li class="submenu_li" style="z-index: 10000; color: #fff;"><a href="#" title="#" style="z-index: 10000; color: #fff; width: auto;">#</a></li>                                                                                                    <li class="submenu_li" style="z-index: 10000;"><a href="#" title="#" style="z-index: 10000; color: #fff; width: auto;">#</a></li>                                                                                                    <li class="submenu_li" style="z-index: 10000;"><a href="#" title="#" style="z-index: 10000; color: #fff; width: auto;">#</a></li>                                                                                                    <li class="submenu_li" style="z-index: 10000;"><a href="#" title="#" style="z-index: 10000; color: #fff; width: auto;">#</a></li>                                                                                                    <li class="submenu_li" style="z-index: 10000;"><a href="#" title="#" style="z-index: 10000; color: #fff; width: auto;">#</a></li>                                                      </ul>                                    </div>                                </div>                                <script type="text/javascript">                                    document.observe("dom:loaded", function(){                                        //$('content').insert( $('nav_menu_7_menucontent').remove() );                                                                                new ipb.Menu( $('nav_menu_7_trigger'), $('nav_menu_7_menucontent'), { eventType: 'mouseover', closeOnMouseout: 'nav_menu_7' } );                                    });                                </script>                                                    </li>

[Ssaint]

Aš skype: gintautas_irtiek tik ne šiandien
Nes žiurėt pradėjau nusikaltelis/offender-2012

[airiux140]

Kas suteiktu šiandieną pagalba ?

 

P.S Pagalbos vis dar laukiu.

Redaguota Kovo 12, 2015, nario Airidas28

[No Life King]

https://css-tricks.com/targetting-menu-elements-submenus-navigation-bar/

[DamN.]

atsisiųsk fusion menu ir pasidarysi lengvai

[airiux140]

atsisiųsk fusion menu ir pasidarysi lengvai

 

Jei ne bugovas būtu, būčiau pasidaręs.

Redaguota Kovo 14, 2015, nario Airidas28

[Rene]

Fusion menu parsisusk ir rami galvą bus.

[airiux140]

Fusion menu parsisusk ir rami galvą bus.

 

Neskaitai, ką aukčiau parašęs esu ? 

 

 

Jei ne bugovas būtu, būčiau pasidaręs. 

 

 

 

Kaip šitą sutvarkyti ? 

/* submenu positioning*/
.nav ul {
  position: absolute;
  white-space: nowrap;
  border-bottom: 5px solid blue; 
  z-index: 1;
  left: -99999em;
}

Redaguota Kovo 14, 2015, nario Airidas28

[Rene]

 

Neskaitai, ką aukčiau parašęs esu ? 

 

 

 

 

Kaip šitą sutvarkyti ? 

/* submenu positioning*/
.nav ul {
  position: absolute;
  white-space: nowrap;
  border-bottom: 5px solid blue; 
  z-index: 1;
  left: -99999em;
}

<li id='nav_menu_1' class="top-btn-el skip_moremenu ">
<a id='nav_menu_1_trigger' href='#' title='' question><span class="top-btn-text"><span class="icon icon-question"></span>About Us<span class='dropdownIndicator'></span></span></a>
<div id='nav_menu_1_menucontent' class='submenu_container clearfix boxShadow' style='display: none'>
<div class="left">
<ul class="submenu_links">
<li class='submenu_li'><a href='http://webflake.sx/forum-2/announcement-3-%E2%80%A2-webflake-community-rules-guidelines-%E2%80%A2/' title=''>Community Guidelines</a></li>
<li class='submenu_li'><a href='http://webflake.sx/privacypolicy/' title=''>Privacy Policy</a></li>
<li class='submenu_li'><a href='http://webflake.sx/forum-2/announcement-5-%E2%80%A2-webflake-file-upload-rules-guidelines-%E2%80%A2/' title=''>Upload Policy</a></li>
<li class='submenu_li'><a href='http://webflake.sx/index.php?app=forums&module=extras&do=dmca' title=''>DMCA Policy</a></li>
<li class='submenu_li'><a href='http://webflake.sx/topic/6030-webflake-frequently-asked-questions/' title=''>Frequently Asked Questions</a></li>
</ul>
</div>
</div>

Čia va navigacijos kodas jeigu ką, pasitvarkyk ir turėtų veikti.