오션테크 플러밍
verified 인증 완료
star
4.9
(120)
누수탐지
수전교체
15년 경력의 국가기술자격 보유 기사가 직접 방문하며, 첨단 초음파 탐지기를 사용하여 미세한 누수까지 완벽하게 잡아냅니다.
기본 출장비
30,000원
바른배관 솔루션
verified 인증 완료
star
4.8
(85)
배관수리
고압세척
대형 상가 및 빌딩 배관 전문 업체로 최신 고압 세척 장비를 보유하고 있으며 야간 긴급 출동이 가능합니다.
기본 출장비
상담 후 결정
document.addEventListener(‘DOMContentLoaded’, function() {
// 1. Custom Dropdown Toggle Logic
const dropdowns = document.querySelectorAll(‘.mo-dropdown’);
dropdowns.forEach(dropdown => {
const btn = dropdown.querySelector(‘.mo-dropdown-btn’);
const items = dropdown.querySelectorAll(‘.mo-dropdown-item’);
const textSpan = btn.querySelector(‘.mo-dropdown-text’);
// Toggle open/close
btn.addEventListener(‘click’, function(e) {
e.stopPropagation(); // Prevents click from bubbling to document
// Close other dropdowns
dropdowns.forEach(other => {
if(other !== dropdown) other.classList.remove(‘open’);
});
dropdown.classList.toggle(‘open’);
});
// Select item
items.forEach(item => {
item.addEventListener(‘click’, function(e) {
e.preventDefault();
// Remove active from all items in this dropdown
items.forEach(i => i.classList.remove(‘active’));
// Add active to clicked item
this.classList.add(‘active’);
// Update button text
textSpan.textContent = this.textContent;
// Close dropdown
dropdown.classList.remove(‘open’);
});
});
});
// Close dropdowns when clicking outside
document.addEventListener(‘click’, function() {
dropdowns.forEach(dropdown => {
dropdown.classList.remove(‘open’);
});
});
// 2. Specialty Chips Multi-Select Logic
const chipsContainer = document.getElementById(‘moSpecialtyChips’);
if(chipsContainer) {
const chips = chipsContainer.querySelectorAll(‘.mo-filter-chip:not(.mo-chip-add)’);
chips.forEach(chip => {
chip.addEventListener(‘click’, function() {
// visual ‘selected’ toggle
this.classList.toggle(‘selected’);
// Add a small scale effect for interaction feedback
this.style.transform = ‘scale(0.95)’;
setTimeout(() => {
this.style.transform = ‘scale(1)’;
}, 150);
});
});
}
});
