<body>
<div class="bg1">
<div class="container">TEKST </div>
</div>
<div class="bg2">
<div class="container">TEKST </div>
</div>
<div class="bg3">
<div class="container">TEKST </div>
</div>
</body>
.bg1{width: 100%; background: url(1.jpg)}
.bg2{width: 100%; background: url(2.jpg)}
.bg3{width: 100%; background: url(3.jpg)}
.container{max-width: 1170px}
;(function($D){
var $button = $D.querySelector('.js-button'),
$container = $D.querySelector('.js-container');
$button.addEventListener('click', function(e){
var data = e.target.dataset,
toggleText = $button.innerHTML,
isVisible = $container.classList.contains('active') ? true : false
$button.innerHTML = data.toggleText;
data.toggleText = toggleText;
if(!isVisible){
$container.classList.add('active')
}else{
$container.classList.remove('active')
}
});
})(document);
$(function(){
$('.my_basket_call').on('click', '', function(){
var idclick = $(this).attr("id");
console.log(idclick);
$.ajax({
url: 'request.php',
type: 'POST',
data: 'cat='+idclick,
beforeSend: funcDown,
success: function(data){
$('.xochy_vivesti_tyt').html(data);
}
});
});
});
<?
if(isset($_POST['cat']) && !empty($_POST['cat']))
{
$res = $_POST['cat'];
echo $res;
}
?>
<div class="xochy_vivesti_tyt"></div>