DEVIL,
Пример: открывашка
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.hidden{
background-color: #FF00FF;
display: none;position: absolute;
margin-top: 12%;
margin-left: 2%;
width: 86%;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
var btn = $(".hider"), block = $(".hidden");
$(document).click(function(event) {
var target = $(event.target),cur;
if (target.is(".hider")) {
event.preventDefault();
var index = btn.index(target);
cur = block.eq(index).slideToggle();
}
if (target.closest(".hidden").length) return;
block.not(cur).slideUp("slow");
})
});
</script>
</head>
<body>
<div class='first_block'>
<a href=""><img src="/img/logos/farm.png"></a>
<div class='second_block'>
<a class="hider"> Farming Simulator 2017 моды ☰</a>
</div>
</div>
<div class="hidden" >
$MYINF_1$
</div>
<div class='first_block'>
<a href=""> <img src="/img/logos/wreack.png"></a>
<div class='second_block' color="">
<a class="hider">Wreckfest моды ☰</a>
</div>
</div>
<div class="hidden">5
</div>
</body>
</html>