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('-');
        }
    });
});

Demo

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('-');
    }
  });
});

fiddle here

尝试用JS保持切换状态

1 个答案: