Response title
This is preview!
keep toggle state open when page firs loads | Cookies
in Using jQuery
•
7 years ago
Hi there,
I've got a main banner on my website that i want it to be open by default, when the page first loads only. Then if the user chooses to, they can close the banner, and the toggle state is remembered when the user moves from page to page...
At the moment I've got the code to remember the toggle state by setting a cookie, but I'm having trouble setting up the banner to viewed when the page first loads, before any user interaction..
I've got a demo here to look at >> toggle demo
Here is the code of what I've written
[code]
| $(document).ready(function(){ | |
| var $widget2=$(".widget2"); | |
| readCookie('widget2')==='open'? $widget2.show(): $widget2.hide(); | |
| $(".box2").toggle(function(){ | |
| $(this).next(".widget2").slideDown(200); | |
| setCookie('widget2','open', 1); | |
| }, function(){ | |
| $(this).next(".widget2").slideUp(200); | |
| setCookie('widget2','close', 1); | |
| }); | |
| }); |
[/code]
1