Free Pattern Friday: A new crochet design in your inbox every week—no strings attached, just #yarnlove. Sign up now →
jQuery(document).ready(function($) {
// Target the collapse icon
$('.awb-menu__m-collapse-icon').before('');
// Toggle search form visibility with fade effect when search icon is clicked
$('.search-icon, #search-icon').on('click', function(event) {
event.preventDefault();
console.log('search icon clicked');
// Check if the form is visible
if ($('#custom-search-form').is(':visible')) {
$('.fusion-sticky-spacer').addClass('dective');
$('#custom-search-form').removeClass('active');
$('#custom-search-form').fadeOut(300); // Fade out the search form
} else {
$('.fusion-sticky-spacer').removeClass('dective');
$('#custom-search-form').addClass('active');
$('#custom-search-form').fadeIn(300); // Fade in the search form
}
});
// Hide search form with fade effect if clicked outside of the search area
$(document).on('click', function(event) {
if (!$(event.target).closest('#custom-search-form, .search-icon').length) {
$('#custom-search-form').fadeOut(300); // Fade out the search form
}
});
});
/* Hide search input initially */
#custom-search-form {
display: none;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
/* Style the search input field */
#custom-search-form.active {
display: block;
opacity: 1;
}
/* Optional: Style the search icon */
#search-icon {
cursor: pointer;
}
TLYC Makers is an encouraging community of yarn lovers and creative entrepreneurs who’ve come together to share our craft and elevate one another. Expect regular posts about running a maker business, WIP updates, and plenty of enthusiasm about all things craft and crochet.
