Cookie problem

Question

This code is responsible for folding / unfolding the block.

<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.js"></script> <script type="text/javascript" src="http://yandex.st/jquery/cookie/1.0/jquery.cookie.js"></script> <script type="text/javascript"> function showhide(n){ if(n == 3){ $('#std'+n).slideToggle('slow'); if($("#openlink").html() == "<img src=\"/style/default/img/otdz.png\" alt=\"\" title=\"Свернуть\"/>"){ $("#openlink").html("<img src=\"/style/default/img/otdz.png\" alt=\"\" title=\"Развернуть\"/>"); $.cookie("filter_open", "0"); }else{ $("#openlink").html("<img src=\"/style/default/img/otdz.png\" alt=\"close\" title=\"Свернуть\"/>"); $.cookie("filter_open", "1"); } } } </script>

But a little bit wrong. By default, my block is minimized. When I expand it, then I fold it back, I refresh the page, it will still be expanded from me until I clean the cookie.

Sergiks Sergiks 28.2k 3 38 78 · Answer 1 · 2012-07-25T13:23:29

It is .slideToggle() execute .slideToggle() only in case of a mismatch between the set cookie and the state of the block. I would add a check before switching, like this:

 <script type="text/javascript"> function showhide(n){ if(n == 3) { if( ( $('#std'+n).is(':visible') && $.cookie('filter_open') == "0") || ( $('#std'+n).is(':hidden') && $.cookie('filter_open') == "1") ) $('#std'+n).slideToggle('slow'); if( $("#openlink").html() == "<img src=\"/style/default/img/otdz.png\" alt=\"\" title=\"Свернуть\"/>") { $("#openlink").html("<img src=\"/style/default/img/otdz.png\" alt=\"\" title=\"Развернуть\"/>"); $.cookie("filter_open", "0"); } else { $("#openlink").html("<img src=\"/style/default/img/otdz.png\" alt=\"close\" title=\"Свернуть\"/>"); $.cookie("filter_open", "1"); } } } </script>

The logic is not quite clear at all: what is n , and when the given function is called.

Usage: <a href="javascript://" onclick="showhide(3)" id="openlink"> <img src = "/ style /'.$ setup ['skin']. '/ Img / otdz. png "alt =" "/> </a> if (isset ($ _ COOKIE ['filter_open']) && $ _COOKIE ['filter_open'] == 1) {echo '<div id =" std3 ">';
if there is no cookie, or it is not "1", then your php does not display this block at all!
I didn’t check and debug JS in the answer - it just demonstrates the idea.

Cookie problem

1 answer 1

More articles: