Products
.product-sidebar {
width: 100%;
font-family: "Arial", sans-serif;
}.product-menu {
list-style: none;
margin: 0;
padding: 0;
}.product-menu > li {
margin-bottom: 5px;
position: relative;
}.product-menu a {
display: flex;
justify-content: space-between;
align-items: center;
color: #333;
text-decoration: none;
padding: 8px 12px;
border-radius: 4px;
transition: all 0.2s ease;
}.product-menu a:hover {
color: #1aa54a;
}.product-menu .active > a {
color: #1aa54a;
font-weight: 600;
}/* 箭头样式 */
.arrow {
display: inline-block;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #333;
transition: transform 0.25s ease, border-color 0.25s ease;
}/* 展开时箭头旋转 */
.has-submenu.active > a .arrow {
transform: rotate(180deg);
border-top-color: #1aa54a;
}/* 二级菜单 */
.submenu {
list-style: none;
padding-left: 15px;
margin-top: 5px;
display: none;
}.has-submenu.active .submenu {
display: block;
}.submenu a {
padding: 6px 10px;
display: block;
color: #555;
transition: color 0.2s ease;
}.submenu a:hover {
color: #1aa54a;
}/* 箭头点击区域更大 */
.arrow {
pointer-events: auto;
cursor: pointer;
}document.addEventListener("DOMContentLoaded", function() {
const arrows = document.querySelectorAll(".has-submenu .arrow");arrows.forEach(arrow => {
arrow.addEventListener("click", function(e) {
e.preventDefault();
e.stopPropagation(); // 防止触发主链接跳转const parent = this.closest(".has-submenu");
const isActive = parent.classList.contains("active");// 关闭所有菜单
document.querySelectorAll(".has-submenu").forEach(li => li.classList.remove("active"));// 当前菜单展开
if (!isActive) parent.classList.add("active");
});
});
});
Recommended for you
Space Capsule House: The Future of Modular Living
In an era defined by innovation and sustainability, Premium Modular House introduces the Space Capsule House, a groundbreaking concept that blends space-age design with the
Factory-Built Modular Systems for Overseas Projects
Premium Modular House supplies factory-built container houses, prefab buildings and light-steel structures for contractors, developers and distributors.
Founded in 2016, Premium Modular House supports product selection, layout development and project-specific drawing coordination for overseas procurement.
Products have been exported to more than 60 countries. Production planning is arranged around the selected system, quantity, specification and delivery schedule.
For an initial review, share the destination, intended use, quantity, site conditions and target delivery date.