Warning: file_get_contents(cmnModules/cmnJs/el_Nav_Accordion.js): failed to open stream: No such file or directory in /home/liquid8/public_html/00_DevSites/drempd/site/pages/blog/post.php on line 78
Warning: file_get_contents(examples/el_nav_accordion_html.html): failed to open stream: No such file or directory in /home/liquid8/public_html/00_DevSites/drempd/site/pages/blog/post.php on line 78
A navigation list. Clicking on a main link opens a sub-level of navigation, while hiding any other sections that are currently open.
Why Was This Created?
An initial attempt was made using bootstrap, which works, but results in some pretty messy code. This version just uses simple unordered lists, so everything is kept as clean and semantic as possible.
1. Include jQuery in your document.
3. Create the list structure as shown below.
1. When a section is currently open, the link tag will be given a class of "accordionnav-current-section" for easy styling.
Simple Sticky Element
The user scrolls down the page and once the scrolling reaches the top of an element of my choosing, that element sticks to the top of the window, so it's always visible from that point on...
A Nicer Select Dropdown
Better select boxes are all over the internet, but I actually couldn't find one that I liked, and that worked for what I needed...
Removing the Horizontal Margins on a Google Chart Graph
I seem to be able to successfully modify quite a bit with google charts, but I couldn't find a good way to remove the horizontal padding to the left and right of a google graph. From what I can find, there really isn't a good way to do it...
The Built Environment