www.webdeveloper.com
Results 1 to 1 of 1

Thread: Question about menu levels of RadMenu trial

  1. #1
    Join Date
    Nov 2004
    Posts
    39

    Question about menu levels of RadMenu trial

    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>
    Last edited by japie; 02-22-2012 at 09:50 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles