Implementing a jquery dropdown menu

[Backwash]

Thanks for the quick response!

Edit:  I moved additional questions to the modules section, since this is technically a show_menu2 question.

https://forum.websitebaker.org/index.php/topic,14631.0.html

[kweitzel]

The the Documentation site, there they have demo of UDM4: http://code.jellycan.com/sm2test/

cheers

Klaus

[Backwash]

Would anyone be able to give me an example of how I would use a css horizontal drop down menu in conjunction with show_menu2 to use with WB?

I've spent a lot of time looking through forums and the show_menu2 examples, but can't find example code to grasp how it would work.  It doesn't necessarily have to be a css menu.  My main goal is to have a horizontal drop down menu integrate with WB so if you guys know of an easier way, I'm open to all suggestions. 

Thanks in advance!

[pcwacht]

don't use show_menu()  for these ass, use show_menu2()

hunt forum or addons page


Have fun,
John

[Bramus]

Why are you using jQuery to make a drop down menu? Because there also other ways (with for example just css) to make a nice dropdown menu.

If you think you can do with just css check out: http://www.seoconsultants.com/css/menus/tutorial/  I used that for one of my sites for a vertical dropdown menu and it works like a charm in the most common browsers i have tested.

[SlaY3R]

Hi guys,

First i wanna say i love this CMS system!

But i got a problem. I'm creating with a mate a template for Website baker and we are trying to implement a jquery menu that we found over here: http://javascript-array.com/scripts/jquery_simple_drop_down_menu/

Is it possible to manipulate the show_menu(1); output (with parameters) that it will be conform like the drop down menu require on the site shown above?

example:
this code wil work for the jquery menu

Code Select Expand


<ul id="jsddm">
    <li><a href="#">JavaScript</a>
        <ul>
            <li><a href="#">Drop Down Menu</a></li>
            <li><a href="#">jQuery Plugin</a></li>
            <li><a href="#">Ajax Navigation</a></li>
        </ul>
    </li>
    <li><a href="#">Effect</a>
        <ul>
            <li><a href="#">Slide Effect</a></li>
            <li><a href="#">Fade Effect</a></li>
            <li><a href="#">Opacity Mode</a></li>
            <li><a href="#">Drop Shadow</a></li>
            <li><a href="#">Semitransparent</a></li>
        </ul>
    </li>
    <li><a href="#">Navigation</a></li>
    <li><a href="#">HTML/CSS</a></li>
    <li><a href="#">Help</a></li>
</ul>

but the output of a default show_menu() is like this:
and the dropdown part (Missie) wont show:(

Code Select Expand


<ul id="jsddm">            
<ul>
   <li><span class="menu_current"><a href="#" target="_top"  class="menu_current"> Harmony </a></span>
   <ul>
       <li><span class="menu_default"><a href="#" target="_top"  class="menu_default"> Missie </a></span>
       </li>
   </ul>
   </li>
   <li><span class="menu_default"><a href="#" target="_top"  class="menu_default"> Service </a></span>
   </li>
   <li><span class="menu_default"><a href="#" target="_top"  class="menu_default"> Winkel </a></span>
    </li>
   <li><span class="menu_default"><a href="#" target="_top"  class="menu_default"> Bedrijven </a></span>
   </li>
   <li><span class="menu_default"><a href="#" target="_top"  class="menu_default"> Zorg </a></span>
   </li>
    </ul>            
</ul>



Does anyone got a solution how i can fix this?

Greets,

SlaY3R