努力保護切換狀態與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('-'); 
     } 
    }); 
}); 

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