jquery - 试图用 JS 保持切换状态

Question

我试图保留 jQuery 的切换状态，我无法将 cookie 设置为不使用.toggle()

我的代码

jQuery(document).ready(function($) {
    $("#switch").click(function(event){
        if ($("#navbar").css("display")=='block') {
            $("#navbar").hide('fast');
            $(this).removeClass('close').addClass('open');
            $(this).children().children().html('+');
        } else {
            $("#navbar").show('fast');
            $(this).removeClass('open').addClass('close');
            $(this).children().children().html('-');
        }
    });
});

演示

Answer 1

你只需要一个children()。因为你的+文本跨度在点击内<span>（只是跨度的一个孩子）..

$(this).children().html('+');

尝试这个

jQuery(document).ready(function($) {
  $("#switch").click(function(event){
    if ($("#navbar").css("display")=='block') {
        $("#navbar").hide('fast');
        $(this).removeClass('close').addClass('open');
        $(this).children().html('+');
    } else {
        $("#navbar").show('fast');
        $(this).removeClass('open').addClass('close');
        $(this).children().html('-');
    }
  });
});

在这里摆弄