Here is a link to a Stack Overflow answer that explains how to change a stylesheet using a dropdown box: How do I change stylesheet using a dropdown box?
I successfully implemented a jQuery onclick SwapStyleSheet function that works perfectly. However, I encountered an issue when I tried to move my CSS files to a subfolder named 'css' and adjusted the file paths accordingly.
Below is an example of my setup without the CSS files in the 'css' subfolder, and I am seeking guidance on how to make it work with the files in the desired subfolder:
<!-- jQuery onclick Basic Example - Swap CSS on HTML5 Drop-Down List -->
<!-- StackOverFlow URL: -->
<!-- https://stackoverflow.com/questions/42754879/how-do-i-change-stylesheet-using-a-dropdown-box -->
...
I have created three different CSS files: 'default.css', 'dark.css', and 'light.css', each with specific styles for h2 elements.
You can find the live current version of the jQuery Uncompressed .js file at this URL:
Thank you for any assistance provided!