Site Menu

EAR Diseases

- Ear infection
- Fb ear
- SOM

FAQ/Help

- Usage Terms
- DHTML FAQs
- Scripts FAQs

Help Forum

- Coding Forums

Cool Links

- JavaScript Kit
- Freewarejava
- Cool Text
- Google.com
- Link to DD
- Recommend Us
- Email Us

==========

Step 1: Insert the following code into the <head> section of your page:

Step 2: Insert the following into <Body> section..From here you can change / add new Menus and Sub menus.

IN Sub1..are sub menus along with their target web page called..change according to ur own.

<div class="menutitle" onclick="SwitchMenu('sub1')">EAR Diseases</div>
		<span class="submenu" id="sub1">
    - <a href="notice.htm">Ear infection</a><br>
    - <a href="notice.htm">Fb ear</a><br>
    - <a href="notice.htm">SOM</a><br>
   	</span>

<div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help</div>
	<span class="submenu" id="sub2">
		- <a href="notice.htm">Usage Terms</a><br>
		- <a href="faqs.htm">DHTML FAQs</a><br>
		- <a href="help.htm">Scripts FAQs</a>
	</span>

<div class="menutitle" onclick="SwitchMenu('sub3')">Help Forum</div>
	<span class="submenu" id="sub3">
		- <a href="http://www.drshahid.com.pk">Coding Forums</a><br>
	</span>
	
	<div class="menutitle" onclick="SwitchMenu('sub4')">Cool Links</div>
	<span class="submenu" id="sub4">
		- <a href="http://www.drshahid.com.pk">JavaScript Kit</a><br>
		- <a href="http://www.drshahid.com.pk">Freewarejava</a><br>
		- <a href="http://www.cooltext.com">Cool Text</a><br>
		- <a href="http://www.google.com">Google.com</a>
	</span>

<br>
	<span class="submenu" id="sub6">
		- <a href="http://www.drshahid.com.pk">Link to DD</a><br>
		- <a href="http://www.drshahid.com.pk">Recommend Us</a><br>
		- <a href="http://www.drshahid.com.pk/contact.htm">Email Us</a><br>
	</span>

</div>

Customization

Physical changes (adding/deleting items) to the menu are all done in the code of Step 2. Study it for a while, and you'll soon see the required structure. All menu items must be added within the "masterdiv' DIV. For each item, wrap the containing links in a SPAN tag with a unique ID (ie: "sub1"), and use this ID within the onClick event handler to expand/contract it.