Generation

fix invalid codeMon, 08 Jul 2024

document.addEventListener('DOMContentLoaded', function() { // Get sidebar elements const mySidebar = document.getElementById("mySidebar"); // Get the links (or buttons) for sections const aboutUsLink = document.getElementById('aboutUs-link'); const industriesLink = document.getElementById('industries-link'); const capabilitiesLink = document.getElementById('capabilities-link'); // Get the sections const aboutUsSection = document.getElementById('aboutUs-section'); const industriesSection = document.getElementById('industries-section'); const capabilitiesSection = document.getElementById('capabilities-section'); // Function to toggle section visibility function toggleSection(sectionElement, clickedLink) { sectionElement.style.display = sectionElement.style.display === "block" ? "none" : "block"; clickedLink.classList.toggle('active'); // Example using class toggle for highlighting } // Function to open/close the sidebar using display and margin-left function closeNav() { const mySidebar = document.getElementById("mySidebar"); const mainContent = document.getElementById("main"); if (mySidebar.style.display === "none") { mySidebar.style.display = "block"; mainContent.style.marginLeft = "250px"; } else { mySidebar.style.display = "none"; mainContent.style.marginLeft = "0"; } } // AboutUs link click handler aboutUsLink.addEventListener('click', function() { toggleSection(aboutUsSection, this); }); // Similar code for industriesLink and capabilitiesLink click handlers industriesLink.addEventListener('click', function() { toggleSection(industriesSection, this); }); capabilitiesLink.addEventListener('click', function() { toggleSection(capabilitiesSection, this); }); // Assuming you have a close button with ID "closebtn" const closebtn = document.getElementById('closebtn'); if (closebtn) { closebtn.addEventListener('click', closeNav); } else { console.error("closebtn element with ID 'closebtn' not found."); } // Assuming you have a button with ID 'openSidebar' (opens the sidebar) const openSidebarButton = document.getElementById('openSidebar'); if (openSidebarButton) { openSidebarButton.addEventListener('click', closeNav); // Calls closeNav to open sidebar } else { console.error("Button element with ID 'openSidebar' not found."); } // Assuming you have a button with ID 'toggleDropdown' const toggleDropdown = document.getElementById('toggleDropdown'); if (toggleDropdown) { toggleDropdown.addEventListener('click', function() { // Modify this handler to handle dropdown toggle logic (show/hide) var dropdownContent = document.querySelector(".dropdown-container"); dropdownContent.style.display = dropdownContent.style.display === "block" ? "none" : "block"; }); } else { console.error("Button element with ID 'toggleDropdown' not found."); } });

port default function Sidebar(props) { const { children } = props; const classes = useStyles(); const [open, setOpen] = React.useState(false); const toggle = () => { setOpen(!open); }; return ( <div className={classes.root}> <ToggleButton className={classes.

Questions about programming?Chat with your personal AI assistant