59 lines
1.7 KiB
JavaScript
59 lines
1.7 KiB
JavaScript
/*
|
|
This function will search for all classes matching all IDs which are under
|
|
#admonition_selector element and display/hide their content.
|
|
|
|
State is saved in cookies so user doesn't lose his settings after page
|
|
reload or changing pages.
|
|
|
|
To make this feature work, you need to:
|
|
- add checkbox to _templates/layout.html file with proper ID
|
|
- in admonitions use proper class which matches above mentioned ID
|
|
*/
|
|
|
|
|
|
|
|
// after document is loaded
|
|
$(document).ready(function() {
|
|
|
|
// for each checkbox in #admonition_selector do
|
|
$('#admonition_selector :checkbox').each(function() {
|
|
|
|
// check value of cookies and set state to the related element
|
|
if ($.cookie($(this).attr("id")) == "true") {
|
|
$(this).prop("checked", true);
|
|
} else if (($.cookie($(this).attr("id")) == "false")) {
|
|
$(this).prop("checked", false);
|
|
}
|
|
|
|
// show/hide elements after page loaded
|
|
toggle_admonition($(this).attr("id"));
|
|
});
|
|
|
|
// when user clicks on the checkbox, react
|
|
$('#admonition_selector :checkbox').change(function() {
|
|
|
|
// show/hide related elements
|
|
toggle_admonition($(this).attr("id"));
|
|
|
|
// save the state in the cookies
|
|
$.cookie($(this).attr("id"), $(this).is(':checked'), { path: '/' });
|
|
});
|
|
});
|
|
|
|
|
|
// function to show/hide elements based on checkbox state
|
|
// checkbox has ID and it toggles elements having class named same way as the ID
|
|
function toggle_admonition(admonition) {
|
|
|
|
// for each element having class as the checkbox's ID
|
|
$(".admonition." + admonition).each(function() {
|
|
|
|
// set show/hide
|
|
if($("#" + admonition).is(':checked')) {
|
|
$(this).show();
|
|
} else {
|
|
$(this).hide();
|
|
}
|
|
});
|
|
}
|