Javascript 基于cookie值切换图像

我使用几个JS函数设置一个名为“visible”的cookie，其值为yes或no

本质上，我是用这些值来决定一个是可见的还是隐藏的

我刚刚添加了cookie，之前我使用了两张图片1。节目2。隐藏为按钮以隐藏和显示，如下所示：

HTML:

不过，我现在已将饼干添加到混合中：

$tool.clickfunction{ ifget_cookie“可见”==null{ 将cookie设置为“可见”、“否”； }否则{ 删除“可见”； } $.help.slideToggle； $wrapper.animate{opacity:1.0}，200.slideToggle200，函数{ $slider img.toggle； }; };

因此.toggle不再匹配

当cookie值=no时，show.png应该可见

当cookie值=yes时，hide.png应该可见

---

有谁能建议我如何处理这个问题吗？

为了让事情变得更简单，我没有删除cookie。每次都简单地设置它

document.getElementsByClassName('show')[0].src = get_cookie('visible') ? 'images/hide.png' : 'images/show.png';

$("#tool").click(function () {
    var cookie = get_cookie('visible');
    if (cookie == null) {
        set_cookie('visible', 'no');
        cookie = get_cookie('visible');
    }
    if (cookie.value == 'yes') {
        set_cookie('visible', 'yes');
        $(".help").slideDown();
        $("#wrapper").animate({
            opacity: 1.0
        }, 200).slideDown(200, function () {
            $("#tool img").show();
        });

    } else {
        set_cookie('visible', 'no');
        $(".help").slideUp();
        $("#wrapper").animate({
            opacity: 1.0
        }, 200).slideUp(200, function () {
            $("#tool img").hide();
        }

        }
    };

document.getElementsByClassName('show')[0].src = get_cookie('visible') ? 'images/hide.png' : 'images/show.png';

$("#tool").click(function () {
    var cookie = get_cookie('visible');
    if (cookie == null) {
        set_cookie('visible', 'no');
        cookie = get_cookie('visible');
    }
    if (cookie.value == 'yes') {
        set_cookie('visible', 'yes');
        $(".help").slideDown();
        $("#wrapper").animate({
            opacity: 1.0
        }, 200).slideDown(200, function () {
            $("#tool img").show();
        });

    } else {
        set_cookie('visible', 'no');
        $(".help").slideUp();
        $("#wrapper").animate({
            opacity: 1.0
        }, 200).slideUp(200, function () {
            $("#tool img").hide();
        }

        }
    };