user44’s gists

user44 / Accordion jquery

Created February 26, 2021 12:31

	$('.faq-box .faq-item .faq-q').click(function() {
	if($(this).hasClass('active')){
	$(this).removeClass('active');
	$(this).parents('.faq-box').find('.faq-a').stop().slideUp(300);
	} else {
	$(this).parents('.faq-box').find('.faq-q').removeClass('active');
	$(this).parents('.faq-box').find('.faq-a').stop().slideUp(300);
	$(this).parents('.faq-item').find('.faq-q').toggleClass('active');
	$(this).parents('.faq-item').find('.faq-a').stop().slideToggle(300);
	}

user44 / Mapbox map init

Created December 24, 2020 07:46

user44 / scroll-top.html

Created August 10, 2018 11:54

	<div class="top" title="Наверх"><i class="fa fa-angle-double-up"></i></div>

	.top
	position: fixed
	bottom: 25px
	background-color: #E0E0E0
	border-radius: 10em
	color: #666
	font-size: 26px
	width: 50px

user44 / gist:83408aee2fd8f80bae1c0e262412e91a

Created May 25, 2018 20:47

ajax multipart form files submit

	$("form#data").submit(function(e) {
	e.preventDefault();
	var formData = new FormData(this);

	$.ajax({
	url: window.location.pathname,
	type: 'POST',
	data: formData,
	success: function (data) {
	alert(data)

user44 / gist:99737e14b8e794f0ab6b1e07606e31d4

Created May 1, 2018 08:53

matchheight

	//matchheight
	const mq = window.matchMedia( "(min-width: 768px)" );
	if (mq.matches) {
	$('.box .item').matchHeight({byRow: false});
	}

user44 / gist:a4b9876076202f349d33e58a53148ba0

Created December 3, 2017 19:42

Wordpress breadcrumbs template

	<div class="breadcrums">
	<span><a href="#"><span>Главная</span></a></span> >
	<span><a href="#"><span>Товары</span></a></span> >
	<span><span>Кабельная продукция</span></span>
	</div>

user44 / custom input[type="checkbox"]

Created November 3, 2016 16:46

user44 / mobile menu button 2

Last active October 13, 2016 16:31

	HTML
	<span class="navbutton"> <em></em> <em></em> <em></em> </span>


	SASSS

	.navbutton
	display: block
	position: absolute
	top: 24px

user44 / mobile menu button

Created October 7, 2016 14:41

	HTML
	<div class="mobile-menu-toggle"><span></span></div>

	SASS
	.mobile-menu-toggle
	display: block
	width: 30px
	height: 23px
	margin: 30px auto 10px
	cursor: pointer

user44 / custom input[type="file"]

Created September 29, 2016 17:43

	<label class="custom-file-box">
	<span class="f-box"><span class="f-btn"><i class="load-icon"></i>Завантажити фото</span><span class="filename">Файл не обрано</span></span>
	<input type="file">
	</label>

	//sass
	.custom-file-box
	display: block
	background: #fff
	width: 80%

antoha user44