Skip to content

Instantly share code, notes, and snippets.

HTML:
<div class="wrapper">
<div class="tabs">
<span class="tab">Вкладка 1</span>
<span class="tab">Вкладка 2</span>
<span class="tab">Вкладка 3</span>
</div>
<div class="tab_content">
<div class="tab_item">Содержимое 1</div>
<div class="tab_item">Содержимое 2</div>
JS:
$(".accordeon dd").hide().prev().click(function() {
$(this).parents(".accordeon").find("dd").not(this).slideUp().prev().removeClass("active");
$(this).next().not(":visible").slideDown().prev().addClass("active");
});
CSS:
.accordeon .active { color: red }
HTML:
@OlgaCoin
OlgaCoin / cssblur.css
Created May 29, 2017 22:47 — forked from agragregra/cssblur.css
CSS Stand-Alone Blur Overlay
.class {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feGaussianBlur stdDeviation=\'3\'/></filter></svg>#blur");
}
@OlgaCoin
OlgaCoin / media.css
Created May 29, 2017 22:32 — forked from agragregra/media.css
Bootstrap Media CSS | Sass
/*========== Desktop First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
@OlgaCoin
OlgaCoin / image.css
Created October 3, 2016 07:58
Image full-screen-sized
.image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 650px;
width:100%;
overflow: hidden;
}
.img__content {