Запомнить переключение состояния с помощью JQuery после обновления?

У меня есть небольшой скрипт, который переключает мой навигатор. Но я использую nav на нескольких страницах. Я хочу, чтобы jquery помнил состояние переключения (show/hide), поэтому я могу использовать его при навигации.Запомнить переключение состояния с помощью JQuery после обновления?

$(document).ready(function(){ 
$('ul.second').show(); 
$('ul.third').hide(); 
$('ul.first').show(); 
$('ul.first li.first a').click(function(){ 
    //$('ul.second').slideToggle(""); 
    $('ul.third').slideToggle(""); 
    }); 
});

пс: Я знаю, что мой английский не очень хорошо :))

источник

2012-06-15 Esat_K

Простейший способ сделать это [установить файл cookie] (http://donejs.com/docs.html#!jQuery.cookie). – Blazemonger

Вы можете использовать либо использовать управление печенья или LocalStorage хранить эту информацию через сеанс. LocalStorage работает только с html5.

Вот хорошая статья на плагин, который показывает, как, так что вам не нужно, чтобы обнаружить себя, если браузер способен LocalStorage или нет:

http://upstatement.com/blog/2012/01/jquery-local-storage-done-right-and-easy/

источник

2012-06-15 12:34:10 acme

Вы можете также добавить хэш url и определить хэш после обновления страницы.

Более подробная информация о хэша здесь

http://benalman.com/projects/jquery-hashchange-plugin/

https://developer.mozilla.org/en/DOM/window.onhashchange

источник

2012-06-15 12:36:11 kiranvj

вы можете сделать это с помощью функции слайд из JQuery просто дизайн панели и флип элемент по своему вкусу с помощью CSS, как это

<style> 
.flip { 
position:relative; 
background-image:url("mybutton"); 
} 

#panel { 
background-image:("rabbitimage"); 
} 
</style> 

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
    $(".flip").click(function(){ 
    $("#panel").slideToggle("slow"); 

    }); 
}); 
</script> 


</head> 
<body> 

<div class="flip">Click to slide the panel down or up</div> 
<div id="panel">Hello world!</div> 

</body> 
</html>

источник

2013-07-10 08:14:07 atari400

Запомнить переключение состояния с помощью JQuery после обновления?

ответ

Смежные вопросы