jQuery – slideToggle保持打开直到关闭

我正在为我的成员的userOptions创建af幻灯片面板。 它运作良好：

//Login panel, slideUp when clicked  slideDown $('#loginPanel').click(function(){ $('#userNav').slideToggle('fast'); }); 

但是当我刷新页面或转到网站上的另一个页面时，我希望面板保持打开状态。 如果用户关闭面板，它必须保持关闭状态，直到再次打开等。

这可能吗？

*加入答案*

对于即时“幻灯片”我只是加速1：

 $('#div').slideToggle(1); 

和$ .cookie中的其他相同。

Answer 1

尝试使用$ .cookie（）插件来设置和记住面板的当前状态，并在页面刷新/更改时相应地加载它。

 $(document).ready(function() { // Open / Close Panel According to Cookie // if ($.cookie('panel') == 'open'){ $('#userNav').slideDown('fast'); // Show on Page Load / Refresh with Animation $('#userNav').show(); // Show on Page Load / Refresh without Animation } else { $('#userNav').slideUp('fast'); // Hide on Page Load / Refresh with Animation $('#userNav').hide(); // Hide on Page Load / Refresh without Animation } // Toggle Panel and Set Cookie // $('#loginPanel').click(function(){ $('#userNav').slideToggle('fast', function(){ if ($(this).is(':hidden')) { $.cookie('panel', 'closed'); } else { $.cookie('panel', 'open'); } }); }); } 

编辑：这里的小提琴说明： http ： //jsfiddle.net/7m7uK/

您可以使用小提琴并刷新页面以查看cookie的工作情况。

我希望这有帮助！

Answer 2

是的将信息放在cookie中，如果用户单击userOption，则将信息放入cookie中，当您加载页面时，如果userOption处于打开状态，则会在cookie中查看。

Answer 3

您可能不得不使用类似URL哈希的方法，或者更好的是，使用cookie将状态写入浏览器。

如下所示（使用slideToggle进行修改）应指向正确的方向： http ： //www.shopdev.co.uk/blog/cookies-with-jquery-designing-collapsible-layouts/