记住崩溃状态/ JS

Question

我在我的元素上使用这个JS / Bootstrap来打开和关闭，我想知道即使在切换到新页面后如何记住状态。

＆＃13;

＆＃13;

<script>
	    $('.menu-toggle').click(function(){
			$('#menu-wrap').toggleClass('closed');
			$('#menu-wrap').toggleClass('open');
		});
</script>

＆＃13;

＆＃13;

＆＃13;

Answer 1

为了做到这一点，您可能需要在应用程序的某个位置存储可折叠的状态。您可以将状态置于localstorage中，并在可匹配状态发生变化时继续更新。

有点像 -

＆＃13;

＆＃13;

var toggleState = JSON.parse(localStorage.getItem("menuToggle"));

if( toggleState == true || toggleState == false){
  toggleState == true ? $('#menu-wrap').toggleClass('open'): '';
}

$('.menu-toggle').click(function(){
		//$('#menu-wrap').toggleClass('closed'); you dont need this and keep the menu by default hidden
		$('#menu-wrap').toggleClass('open');
    
    localStorage.setItem("menuToggle", $('#menu-wrap').hasClass("open"));
});

＆＃13;

＆＃13;

＆＃13;