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
How to Reduce Remote Construction Camp Costs
Compare remote construction camp costs using one project boundary across building scope, freight, site work, capacity, operation and technical evidence.
Qualifying a Modular Building Supplier
An evidence-based supplier qualification framework for overseas modular building projects, covering capability, technical submittals, logistics and scope boundaries.
Detachable vs Flat-Pack Container Houses
Compare detachable and flat-pack container house systems across transport format, factory scope, site assembly, performance interfaces and total project cost.
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.