Whilst working on a recent project, I wanted an accordion navigation to remain open depending on what the category segment in the url was displaying. To do this I found a simple bit of JavaScript published on CSS-Tricks which looks like this:
Get the full URL path:
var newURL = window.location.protocol + "://" + window.location.host + "/" + window.location.pathname;
Next split the segments of the URL using:
var pathArray = window.location.pathname.split( '/' );
Finally select the segment you require using:
var segment_1 = pathArray[1];
The above code would select segment_1 but you can see how you can easily select segment_2,segment_3 etc.
Once these segments are stored in variables it is really easy to set states for your navigation using jQuery.
if (segment_2 == "category") {
$(nav).find('li ul:not(:first)').hide();
}
If you like this article and want to learn more about Javascript, I have started a series of posts on CodPen.