33 lines
1.4 KiB
JavaScript
33 lines
1.4 KiB
JavaScript
/* assets/js/script.js */
|
|
|
|
// 1. จัดการ Mobile Menu (เปิด/ปิด)
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const menuBtn = document.getElementById('mobile-menu-btn');
|
|
const mobileMenu = document.getElementById('mobile-menu');
|
|
|
|
if(menuBtn && mobileMenu) {
|
|
menuBtn.addEventListener('click', () => {
|
|
mobileMenu.classList.toggle('max-h-0');
|
|
mobileMenu.classList.toggle('max-h-[85vh]');
|
|
});
|
|
}
|
|
|
|
// 2. จัดการระบบ Tabs (ประกาศรับสมัครงาน, จัดซื้อจัดจ้าง ฯลฯ)
|
|
const tabBtns = document.querySelectorAll('.tab-btn');
|
|
const tabContents = document.querySelectorAll('.tab-content');
|
|
|
|
tabBtns.forEach(btn => {
|
|
btn.addEventListener('click', () => {
|
|
// ซ่อน content ทั้งหมด
|
|
tabContents.forEach(content => content.classList.add('hidden'));
|
|
// แสดงเฉพาะอันที่เลือก
|
|
const targetId = btn.getAttribute('data-target');
|
|
document.getElementById(targetId).classList.remove('hidden');
|
|
});
|
|
});
|
|
|
|
// 3. เริ่มต้นการทำงานของ Icon (Lucide)
|
|
if(typeof lucide !== 'undefined') {
|
|
lucide.createIcons();
|
|
}
|
|
}); |