I'm working on Jquery Radmenu. I made a simple html where you can have 2 menu items come out (first menu level): item 1 and item 2. The links for this are on top of the HTML. Now I would like to make something, so that item 1 (or item 2) can be extended into new sub-items as well (level 2 of the menu structure). Does anyone know how I could fix this?
This is the HTML that I have now:
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Radmenu</title> <link type="text/css" href="http://www.creatief-denken.nl/nieuw/css/radmenu2.css" rel="stylesheet" media="all" /> <!-- /// Javascript /// --> <script type="text/javascript" src="http://www.creatief-denken.nl/nieuw/js/jquery-1.6.4.min.js"></script> <script type="text/javascript" src="http://www.creatief-denken.nl/nieuw/js/jQuery.radmenu-1.0.0.js"></script> <script type="text/javascript" src="http://www.creatief-denken.nl/nieuw/js/custom4.gift.js"></script> </head> <!-- menu homepage --> <body onload='jQuery("#nested_container").radmenu("hide"); jQuery("#nested_container").radmenu("scale",0.25);'> <div id="wrapper"> <!-- MENU INCLUDE --> <div id='menu_container' class="kolom2"> <a href="#" onClick='jQuery("#nested_container").radmenu("show"); jQuery("#nested_container").radmenu("scale",1.5);'> Show Menu Level 1</a><br> <a href="#" onClick='jQuery("#nested_container").radmenu("hide")'> Hide Menu Level 1</a> <br><br> <a href="#"> ?? Show SubMenu Item 1 ??</a><br> <a href="#"> ?? Show SubMenu Item 2 ??</a> <div id='home'> <div id='home1' onClick='jQuery("#nested_container").radmenu("show"); jQuery("#nested_container").radmenu("scale",1.5);'></div> <div id='home2' onClick='jQuery("#nested_container").radmenu("hide");'></div> </div> <div id='nested_container'> <ul class='list'> <li class='item'> <a href="/contact/" title="Contact"> <div class='my_class_main oranje'><p class="middle1"><br/><b><br>Item 2</b></p> </div> </a> </li> <li class='item'> <a href="/coaching/" title="Coaching"><div class='my_class_main cyaan'><p class="middle1"><br/><b><br>Item 1</b></p></div></a> </li> </ul> </div> </div> <!-- END MENU INCLUDE --> </div> </body> </html>
Reply With Quote
Bookmarks