So i'm trying to make my website have this type of drop down.. http://www.uci.edu/

They made it so that you have to click on the sub categories before showing it down(which i think is cool)

 

So I have it so that it will drop down, but when you hover over each category, it will automatically drop down each submenus, and I am at a stall as to figure out how they did it.

 

Any tips?

You can do it with javascript or jQuery; Google for "Expand/collapse paragraphs" or "show/hide paragraphs".

 

See a simple example item 8 here:- http://www.wickham43.net/javascript.php

 

It looks like they have used jQuery in one of these files

<script src="scripts/iepngfix_tilebg.js" type="text/javascript"></script>
<script src="scripts/search_uci-v4.0.js" type="text/javascript"></script>
<script src="scripts/spotlight_uci-v3.0.js" type="text/javascript"></script>
<script src="scripts/jquery-1.js" type="text/javascript"></script>
<script src="scripts/ddaccordion.js" type="text/javascript"></script>
<script src="scripts/menu_init.js" type="text/javascript"></script>
<script src="scripts/index_col_height.js" type="text/javascript"></script>

 

probably the accordion

http://www.uci.edu/scripts/ddaccordion.js

Am I able to just code that in...or somehow program it in. All I'm dealing with is HTML on notepad, so no web design programs

You can "just code it in", with javascript and jQuery you normally have a .js file which you have to link in the head section like a separate stylesheet and then code the html markup as instructed. For the simple javascript example, see http://javascript.internet.com/miscellaneous/expand-collapse-paragraph.html

 

and make sure your computer has Javascript/ActiveX enabled.