<html>
<head>
<title>Site memory</title>
<meta http-equiv="content-type" content="text/html"; charset="utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.index.css" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
</head>
<body>
<!-- Header -->
<div id="js-header" class="b-header">
<div class="wrap">
<div class="b-header_container">
<div class="navbar-left">
<div class="b-header_search">
<div class="b-header_btn-search">
<a class="btn-search" href='#'>Search</a>
<span class="btn-search_icon"></span>
</div>
</div>
</div>
<div class="navbar-right">
<div class="b-header_btn-reg">
<a class="btn-reg" href='#'>Registration</a>
</div>
<div class="b-header_btn-login">
<a class="btn-login" href='#'>Log in</a>
</div>
</div>
</div>
</div>
</div>
<!-- Content -->
<div id="js-content" class="b-content">
<div class="wrap">
<div class="b-content_actions">
<div class="slogan1">
<h3>Text1</h3>
</div>
<!DOCTYPE html>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<meta name="author" content="reskwer">
<title>Что-то на CodePen</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="#two">Cсылка</a>
<div class="block">
<div id="one">
<p>Это Блок 1</p>
</div>
<div id="two">
<p>Это Блок 2</p>
<a href="#">Закрыть блок</a>
</div>
</div>
</body>
</html>.block{
width: 200px;
height: 200px;
position: relative;
border: 1px solid #000;
}
#one{
background: #eee;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
text-align: center;
}
#two{
background: #444;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
text-align: center;
color: #fff;
}
#one:target > #two{
display: none;
}
#two{
display: none;
}
#two:target{
display: block;
}
#two a{
color: #ccc;
}
Простой
