Creating a jQuery Responsive Site with Style Switcher
Hi,
I am a newbie with jQuery and in the past weeks, I have been working to put together a responsive test site with a lot of jQuery scripts. Some of my jQuery scripts are not working right. I believe that I am making mistakes somewhere. I hope you can help.
1. I created two test navigation menus (one red and the other orange) and I want my users to be able to use the style switcher to choose a menu. I also want the user to save the selection as a cookie using the jQuery standard cookie plugin that I have linked to the site. When the page loads only the default menu must be visible. It does not seem to work well for me, maybe you can help.
2. I also want to give my mobile users the ability to click on the Full site link (at the bottom) and hide the link to the responsive stylesheet (iResponsive.css). At the same time the system will hide the Full site link and show the Responsive Site Link giving the user the ability to click again and go back to the responsive site. I also want the user to save the selection as a cookie using the jQuery standard cookie plugin that I have linked to the site.
3. For the color and pattern Style switchers, I just have a hard time saving my selection as a cookie. Maybe you can help.
4. My Reset Style button is also not working great. I also want the reset button to either create an new cookie or remove previously saved cookies of previously made selections.
Here is the link to the Page HTML, CSS and jQuery Code.
I hope you can help anywhere.
Thanks in advance.
Oliver