I am building a personal website and I would like to make a navigation menu at the top of the page where a user clicks on the link name to have a div list of options pop up underneath. The menu can be cancelled by either a close icon or by hovering the mouse outside the menu. The opened menu will a list of links with images like a regular html page.
I have found many examples where a user simply hovers of the link name, but I want to have them click on it instead.
Ford's website (www.ford.com
) has a perfect example of this with their top navigation bar (CARS | CROSSOVERS | SUVs) click on any of those and you'll get the point, but I'm not sure how to create that myself.
Does anyone know where to or how I can make a script that can mimic this? I'll obviously want to change the color scheme and fonts, etc.