1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Dear Visitor, we are presently having a membership drive and as a result EVERY new member that registers an account and makes THREE meaningful posts will have a mighty $10,000$ forum credits added to their wallets ... GET YOURS NOW!
    Dismiss Notice
  3. IMSpot.Org is under new management and we look forward to bringing you a range of exciting enhancements in coming days.
    Dismiss Notice
  4. Dear Visitors, why not register an account now and say hello ... we really would love to hear from you?
    Dismiss Notice
  5. Welcome to IMSpot.Org an internet marketing forum and very friendly place for discussion, learning and help in your online endeavours ... please consider joining our internet marketing community and sharing your knowledge with our members.
    Dismiss Notice

how to create a navigation drop down menu but on click?

Discussion in 'JavaScript' started by TheUninvited, Nov 22, 2013.

  1. TheUninvited

    TheUninvited Most Celebrated Member

    Joined:
    Oct 30, 2013
    Messages:
    500
    Likes Received:
    6
    I think this can be done with javascript but because i dont know i would like to ask your help..

    That i want is when someone clicks the nav to show up the drop down but on click and not in hover..

    Here is the code i hope you can help me out.

    Html:

    Code:
    <nav>
    	<ul>
    	
    		<li><a href="#">Nav</a>
    			<ul>
    				<li><a href="#">Drop Menu 1</a></li>
    				<li><a href="#">Drop Menu 2</a>
    					</li>
    	</ul>
    </nav>
    CSS:
    Code:
    nav ul ul {
    	display: none;
    }
    
    	nav ul li:hover > ul {
    		display: block;
    	}
    
    
    	nav ul {
     
    	list-style: none;
    	position: relative;
    	display: inline-table;
    }
    	nav ul:after {
    		content: ""; clear: both; display: block;
    	}
    
    thanks for any kind of help.
     
Loading...
Live Thread addon by sonnb

Share This Page