Sliding menu without using jQuery

I like to use sidebar without jQuery as it is more native replicate.
It seems very good script to do this my example.
There is an issue it uses body CSS for background inside sidebar.
Can be moved this background into Javascript or CSS?
Check <ul id="menu"> and <body>. It uses body background not id inside <ul id="menu">.


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>Mobile Menu Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="css/styles1.css">
</head>
<!-- https://example.com/2014/01/building-smooth-sliding-mobile-menu/ -->

<body>

<ul id="menu">
 <li><a title="Home" href="#">Home</a></li>
 <li><a title="About Me" href="#">About Me</a></li>
 <li><a title="Contact Me" href="#">Contact Me</a></li>
</ul>

<div id="page">

<header>
<h1>My New Site</h1>
<a href="#" id="toggle-menu">Menu</a>
</header>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="js/javascript1.js"></script>

</body>
</html>

[edited by: not2easy at 2:58 pm (utc) on Jun 2, 2016]
[edit reason] charter terms [/edit]

Sliding menu without using jQuery

toplisek

not2easy

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week