my code stock.com

A Responsive Toggle left to right Multinav

Snippet options

Download: Download snippet as responsive-multinav.html.
Copy snippet: For this you need a free my code stock.com account.
Embed code : You will find the embed code for this snippet at the end of the page, if you want to embed it into a website or a blog!

<body class="toggle-push">
<nav class="toggle toggle-vertical toggle-left" id="main-nav">
    <h3 id="hide-menu-push">Menu</h3>
	<ul>
		<li>
		  <a href="#">list 1</a>
		</li>
		<li>
			<a href="#">list 2</a>
			<ul>
				<li><a href="#">list 2.1</a></li>
				<li><a href="#">list 2.2</a></li>
				<li><a href="#">list 2.3</a>
					<ul>
						<li>
							<a href="#">list 2.3.1</a>
						</li>							
						<li>
							<a href="#">list 2.3.1</a>
						</li>							
					</ul>						
				</li>
				<li><a href="#">list 2.2</a></li>
				<li><a href="#">list 2.2</a></li>
			</ul>
		</li>
		<li>
			<a href="#">Zucchini garlic</a>
		</li>
	</ul>		
	<ul>
		<li>
		  <a href="#">list 1</a>
		</li>
		<li>
			<a href="#">list 2</a>
			<ul>
				<li><a href="#">list 2.1</a></li>
				<li><a href="#">list 2.2</a></li>
				<li><a href="#">list 2.3</a>
					<ul>
						<li>
							<a href="#">list 2.3.1</a>
						</li>
					</ul>
				</li>					
			</ul>
		</li>
		<li>
			<a href="#">Zucchini garlic</a>
		</li>
		<li>
			<a href="#">Catsear azuki bean</a>
		</li>
		<li>
			<a href="#">Dandelion bunya</a>
		</li>
		<li>
			<a href="#">Rutabaga</a>
		</li>			
	</ul>
</nav>
<div id="container">
    <div id="show-left-push"></div>
		<div class="content">
			<article>
				<h3>Bla Bla Bla funny this and That!!</h3>
				<p>Percolator sugar white fair trade redeye and doppio. Blue mountain breve cream organic robust turkish chicory. Trifecta, eu macchiato extra organic viennese coffee black roast body milk variety.</p>
				<p>Barista, skinny variety, in crema bar froth aftertaste pumpkin spice. Aromatic breve eu affogato espresso aroma affogato aged sweet barista. Grounds white, robusta barista, kopi-luwak strong espresso in café au lait turkish.</p>
				<p>Organic fair trade siphon extra as french press breve half and half trifecta. Milk robusta est viennese, affogato doppio, roast black medium single shot french press beans. Decaffeinated, percolator, plunger pot, instant organic variety coffee mug qui caramelization.</p>
				<p>Lungo, shop, filter, blue mountain, carajillo aromatic french press robust flavour. Percolator cultivar trifecta, single shot, half and half organic bar filter macchiato arabica. Extra affogato, organic cinnamon body foam instant.</p>
			</article>
		</div>
	</div>
</div>
</body>

Create a free my code stock.com account now.

my code stok.com is a free service, which allows you to save and manage code snippes of any kind and programming language. We provide many advantages for your daily work with code-snippets, also for your teamwork. Give it a try!

Find out more and register now

You can customize the height of iFrame-Codes as needed! You can find more infos in our API Reference for iframe Embeds.