function scrollToTop() {
window.scrollTo({ top: 0, behavior: ‘smooth’ });
}
function showSubMenu(id) {
document.getElementById(id).style.display = ‘block’;
}
function hideSubMenu(id) {
document.getElementById(id).style.display = ‘none’;
}
function showProductMenu() {
document.getElementById(‘productMenu’).classList.add(‘active’);
}
function hideProductMenu() {
document.getElementById(‘productMenu’).classList.remove(‘active’);
}
function toggleSubMenu(subMenuId) {
var subMenu = document.getElementById(subMenuId);
var productMenu = document.getElementById(‘productMenu’);
if (subMenu.classList.contains(‘active’)) {
subMenu.classList.remove(‘active’);
productMenu.classList.add(‘active’);
} else {
subMenu.classList.add(‘active’);
productMenu.classList.remove(‘active’);
}
}
function closeSubMenu(subMenuId) {
var subMenu = document.getElementById(subMenuId);
subMenu.classList.remove(‘active’);
hideProductMenu(); // メインメニューも同時に閉じる
}
function showToc() {
document.getElementById(‘tocMenu’).style.display = ‘block’;
}
function hideToc() {
document.getElementById(‘tocMenu’).style.display = ‘none’;
}
function showToc() {
const tocMenu = document.getElementById(‘tocMenu’);
// 目次メニューが表示されているか確認し、トグル機能を実現
if (tocMenu.style.display === ‘block’) {
tocMenu.style.display = ‘none’;
} else {
tocMenu.style.display = ‘block’;
}
}
// 目次メニュー以外のエリアをクリックすると閉じる機能
document.addEventListener(‘click’, function (event) {
const tocMenu = document.getElementById(‘tocMenu’);
const tocButton = document.querySelector(‘button[onclick=”showToc()”]’);
// 目次ボックスが開いていて、クリックした場所が目次メニューやボタン以外の場合
if (tocMenu.style.display === ‘block’ && !tocMenu.contains(event.target) && !tocButton.contains(event.target)) {
tocMenu.style.display = ‘none’;
}
});
function showToc() {
const tocMenu = document.getElementById(‘tocMenu’);
if (tocMenu.style.display === ‘block’) {
tocMenu.style.display = ‘none’;
} else {
tocMenu.style.display = ‘block’;
}
}
function showProductMenu() {
const productMenu = document.getElementById(‘productMenu’);
if (productMenu.classList.contains(‘active’)) {
productMenu.classList.remove(‘active’);
} else {
productMenu.classList.add(‘active’);
}
}
// ボックス外をクリックすると閉じる処理
document.addEventListener(‘click’, function (event) {
const tocMenu = document.getElementById(‘tocMenu’);
const productMenu = document.getElementById(‘productMenu’);
const tocButton = document.querySelector(‘button[onclick=”showToc()”]’);
const productButton = document.querySelector(‘button[onclick=”showProductMenu()”]’);
// 目次メニューが開いていて、クリックした場所が目次メニューや目次ボタン以外の場合
if (tocMenu.style.display === ‘block’ && !tocMenu.contains(event.target) && !tocButton.contains(event.target)) {
tocMenu.style.display = ‘none’;
}
// 商材一覧メニューが開いていて、クリックした場所が商材一覧メニューや商材一覧ボタン以外の場合
if (productMenu.classList.contains(‘active’) && !productMenu.contains(event.target) && !productButton.contains(event.target)) {
productMenu.classList.remove(‘active’);
}
});
function showToc() {
const tocMenu = document.getElementById(‘tocMenu’);
tocMenu.style.display = tocMenu.style.display === ‘block’ ? ‘none’ : ‘block’;
}
function showProductMenu() {
const productMenu = document.getElementById(‘productMenu’);
productMenu.classList.toggle(‘active’);
}
function showDeliveryCodeMenu() {
const deliveryCodeMenu = document.getElementById(‘deliveryCodeMenu’);
deliveryCodeMenu.classList.toggle(‘active’);
}
function hideDeliveryCodeMenu() {
document.getElementById(‘deliveryCodeMenu’).classList.remove(‘active’);
}
document.addEventListener(‘click’, function (event) {
const tocMenu = document.getElementById(‘tocMenu’);
const productMenu = document.getElementById(‘productMenu’);
const deliveryCodeMenu = document.getElementById(‘deliveryCodeMenu’);
const tocButton = document.querySelector(‘button[onclick=”showToc()”]’);
const productButton = document.querySelector(‘button[onclick=”showProductMenu()”]’);
const deliveryCodeButton = document.querySelector(‘button[onclick=”showDeliveryCodeMenu()”]’);
if (tocMenu.style.display === ‘block’ && !tocMenu.contains(event.target) && !tocButton.contains(event.target)) {
tocMenu.style.display = ‘none’;
}
if (productMenu.classList.contains(‘active’) && !productMenu.contains(event.target) && !productButton.contains(event.target)) {
productMenu.classList.remove(‘active’);
}
if (deliveryCodeMenu.classList.contains(‘active’) && !deliveryCodeMenu.contains(event.target) && !deliveryCodeButton.contains(event.target)) {
deliveryCodeMenu.classList.remove(‘active’);
}
});