私はここでいくつかの検索を行いましたが、これを理解することができませんでした。基本的に、画像をクリックするとCSSのハイコントラストバージョンが読み込まれ、もう一度クリックするとページがリロードされます。ページをリロードすると、コントラストが復元されます。
function appendStyleSheet() {
$('head').append('<link rel="stylesheet" href="http://gallanthearts.org/wp-content/themes/Gallant_Hearts/css/high-contrast.css" type="text/css" id="hc_stylesheet" />');
}
$('#contrastbtn').toggle(
$("#contrastbtn").click(function() {
appendStyleSheet();
}),
$("#contrastbtn").click(function() {
location.reload();
})
);