$(document).ready(function() {
    function updateVisibility() {
        var isChecked = $("#mobileCheckbox").is(":checked");
        if (isChecked) {
            $("#desktopVersion18").hide();
            $("#mobileVersion18").show();
            $("#desktopVersion152").hide();
            $("#mobileVersion152").show();
        } else {
            $("#desktopVersion18").show();
            $("#mobileVersion18").hide();
            $("#desktopVersion152").show();
            $("#mobileVersion152").hide();
        }
    }

    function updateLinks() {
        $(".version-link").each(function() {
            var url = $(this).data("url");
            $(this).attr("href", url);
        });
    }

    $(".filter-button").on("click", function(event) {
        event.preventDefault();
        var url = $(this).data("url");
        window.location.href = url; 
    });

    $("#mobileCheckbox").on("change", function() {
        updateVisibility();
        updateLinks();
    });

    updateVisibility();
});