I have a simple script (below) that on click (to the element with an id of #addClass) adds a class (.switcher) to the body tag. The script uses jquery.
I would like to know if it's possible to modify this script so that when the user moves on to the next page within the site the added class remains in place? In fact the class needs to stay in place until the element with an id #removeClass has been clicked no matter how many pages the user chooses to browse through. Please be gentle with your responses - I'm not much of a coder! If it's not possible with this script (or indeed with JS) does anyone have any suggestions as to how it may be possible
<script type="text/javascript">
$("#addClass").click(function () {
$('body').addClass('switcher');
});
$("#removeClass").click(function () {
$('body').removeClass('switcher');
});
</script>
Thanks
Daniel