let itmes = $('.list');
itmes.click(function (ev) {
ev.stopPropagation();
let el = $(this);
itmes
.not(el)
.not(el.parent().closest('.active'))
.removeClass('active');
el.toggleClass('active');
});
window.addEventListener("load", function() {
const tabs = document.querySelectorAll(".tabsnl");
const blocks = document.querySelectorAll(".tabsb");
tabs.forEach(tab => tab.addEventListener("click", (e) => {
e.preventDefault();
let activeTab = document.querySelector(".tabsnl--active");
let target = ('a' === e.target.parentElement.localName ? e.target.parentElement : e.target);
let href = target.getAttribute('href');
let block = document.querySelector(href);
if (target === activeTab) {
target.classList.remove("tabsnl--active");
$(block).fadeOut("slow");
} else {
tabs.forEach(tab => tab.classList.remove("tabsnl--active"));
$(blocks).hide();
target.classList.add("tabsnl--active");
$(block).fadeIn("slow");
}
}))
})
main {
display: flex;
flex-direction: column;
}
.bgg{
flex: 1 1 auto;
}
@font-face {
font-family: 'Web font';
src: url('webfont.woff2') format('woff2'),
url('webfont.ttf') format('truetype'), /* Только если нужна поддержка старых Android, иначе закомментировать */
url('webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
<ifModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript application/font-woff2 image/svg+xml
</ifModule>
.aki {
position: relative;
}
.aki::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: rgb(0, 0, 0, 0.5);
background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0, 0.5)), color-stop(30%, rgb(255, 255, 250, 0)));
background: linear-gradient(0deg, rgb(0, 0, 0, 0.5) 0%, rgb(255, 255, 250, 0) 30%);
}
.aki {
position: relative;
}
.aki::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: rgb(0, 0, 0, 0.5);
background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0, 0.5)), color-stop(30%, rgb(255, 255, 250, 0)));
background: linear-gradient(0deg, rgb(0, 0, 0, 0.5) 0%, rgb(255, 255, 250, 0) 30%);
}