Hidden Menu Test

Developer
Todd Moy
Size
3,582 Kb
Views
22,264
  1. Hidden Menu Test Previews
  2. Hidden Menu Test HTML Codes
  3. Hidden Menu Test CSS Codes
  4. Hidden Menu Test JS Codes

How do I make an hidden menu test?

What is a hidden menu test? How do you make a hidden menu test? This script and codes were developed by Todd Moy on 14 October 2022, Friday.

Hidden Menu Test Previews
IQ Test

Hidden Menu Test - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Hidden Menu Test</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <nav class="sidebar"> <h1 class="identity"><a href="">Zoo</a></h1> <ul> <li><a href="#">Chickens</a></li> <li><a href="#">Ponies</a></li> <li><a href="#">Tortoises</a></li> <li><a href="#">Kittens</a></li> </ul>
</nav>
<section class="page"> <p>Nothing could body of nature is the code of sadness in an oaten cake, when she whose circle will speedily master of disappointment; dreams of those facts which the old man's life had found that I began his countenance, always the malignity of my pulse beat even me then resided. I should go as at night he has become emaciated frame with pleasure in imminent danger of my story. Some years their protection of hatred. I looked up, if thou hast made me with its tremendous and affection enough not strength was unsettled, and your heart-felt expectations is, God knows that; no community between me an expression of the night, and powerful protection. They loved by a friend; I paused and malice, my adversary's designs against the night, and I would compassionate me and gentleness, and ample, her on that while they were dark-eyed, hardy ventured to the paths of the crime which I entered, my path that had the clouds passed the sea of sensibility and his marriage so highly."</p> <p>Nothing could body of nature is the code of sadness in an oaten cake, when she whose circle will speedily master of disappointment; dreams of those facts which the old man's life had found that I began his countenance, always the malignity of my pulse beat even me then resided. I should go as at night he has become emaciated frame with pleasure in imminent danger of my story. Some years their protection of hatred. I looked up, if thou hast made me with its tremendous and affection enough not strength was unsettled, and your heart-felt expectations is, God knows that; no community between me an expression of the night, and powerful protection. They loved by a friend; I paused and malice, my adversary's designs against the night, and I would compassionate me and gentleness, and ample, her on that while they were dark-eyed, hardy ventured to the paths of the crime which I entered, my path that had the clouds passed the sea of sensibility and his marriage so highly."</p> <p>Nothing could body of nature is the code of sadness in an oaten cake, when she whose circle will speedily master of disappointment; dreams of those facts which the old man's life had found that I began his countenance, always the malignity of my pulse beat even me then resided. I should go as at night he has become emaciated frame with pleasure in imminent danger of my story. Some years their protection of hatred. I looked up, if thou hast made me with its tremendous and affection enough not strength was unsettled, and your heart-felt expectations is, God knows that; no community between me an expression of the night, and powerful protection. They loved by a friend; I paused and malice, my adversary's designs against the night, and I would compassionate me and gentleness, and ample, her on that while they were dark-eyed, hardy ventured to the paths of the crime which I entered, my path that had the clouds passed the sea of sensibility and his marriage so highly."</p> <p>Nothing could body of nature is the code of sadness in an oaten cake, when she whose circle will speedily master of disappointment; dreams of those facts which the old man's life had found that I began his countenance, always the malignity of my pulse beat even me then resided. I should go as at night he has become emaciated frame with pleasure in imminent danger of my story. Some years their protection of hatred. I looked up, if thou hast made me with its tremendous and affection enough not strength was unsettled, and your heart-felt expectations is, God knows that; no community between me an expression of the night, and powerful protection. They loved by a friend; I paused and malice, my adversary's designs against the night, and I would compassionate me and gentleness, and ample, her on that while they were dark-eyed, hardy ventured to the paths of the crime which I entered, my path that had the clouds passed the sea of sensibility and his marriage so highly."</p>
</section> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Hidden Menu Test - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://weloveiconfonts.com/api/?family=entypo);
* { box-sizing: border-box;
}
html { height: 100%;
}
body { display: -webkit-flex; background-color: #2c3e50; font-family: "Open Sans", helvetica, sans-serif;
}
.sidebar { background-color: #2472a4; width: 300px; height: 100%; position: fixed; cursor: pointer;
}
.sidebar:hover { background-color: #2980b9;
}
.sidebar a { text-decoration: none; color: #fff; display: block;
}
.sidebar a:hover { background-color: #2677ac;
}
.sidebar .identity a { font-size: 36px; font-family: helvetica; font-weight: 700; padding: 72px 48px;
}
.sidebar ul a { padding: 24px 48px;
}
.page { z-index: 100; margin-left: 24px; box-shadow: -2px 0 1px rgba(0, 0, 0, 0.2); min-width: 800px; max-width: 1000px; background-color: #fff; padding-left: 72px; padding-top: 72px; padding-right: 144px; transition: all 0.2s;
}
.page p { line-height: 31.2px; margin-bottom: 31.2px;
}
.peek { margin-left: 27px; transition: all 0.2s;
}
.open-sesame { margin-left: 300px; transition: all 0.2s; box-shadow: none;
}

Hidden Menu Test - Script Codes JS Codes

$(document).ready(function(){ $(".sidebar").bind("mouseenter", function(){ isShowing = $(this).hasClass("open-sesame"); if(!isShowing){ $(".page").addClass("peek"); } }); $(".sidebar").bind("mouseleave", function(){ $(".page").removeClass("open-sesame"); $(".page").removeClass("peek"); }); $(".sidebar").bind("click", function(){ isShowing = $(this).hasClass("open-sesame"); if(!isShowing){ $(".page").addClass("open-sesame"); } });
});
Hidden Menu Test - Script Codes
Hidden Menu Test - Script Codes
Home Page Home
Developer Todd Moy
Username toddmoy
Uploaded October 14, 2022
Rating 3
Size 3,582 Kb
Views 22,264
Do you need developer help for Hidden Menu Test?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Todd Moy (toddmoy) Script Codes
Name
Subscribe Button
A Pen by Todd Moy
Chrome Store Copy
Menu Test
Experiment
Header Test
Experiment
Flexbox test
Modal Interaction Test
SVG Animation Test
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!