Hidden block on left side of screen
By Marcin Olejarz
There is script which shows up and hides back block from left side of screen.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script>
function show(){
document.getElementById('slide').style.left = "0px";
document.getElementById('label').style.left = "100px";
}
function hide(){
document.getElementById('slide').style.left = "-100px";
document.getElementById('label').style.left = "0px";
}
</script>
<style>
div#slide {
width:100px;
background-color:yellow;
position:absolute;
left:-100px;
top:100px;
}
div#label{
position:absolute;
left:0px;
top:100px;
background-color:yellow;
}
div#label:hover {
background-color:red;
}
</style>
</head>
<body>
<div id="slide" onclick="hide()">
<p>There is some text.</p>
</div>
<div id="label" onclick="show()">Push</div>
</body>
</html>