Question

我需要一些帮助才能开始使用Cookie plugin。

我有一个基本的nav，ul在ul里面，并使用slideToggle来显示/隐藏这些部分。我想在页面刷新后保持其当前状态。我已经看到了一些例子哦人们如何使用单个div进行此操作，但cookie代码对我来说有点混乱。如果有人能指出我正确的方向，或者让我开始我的具体例子，我将非常感激。

这是我目前的剧本：

$(document).ready(function(){
    $('.navHeader').children(".subNav").hide();

    $('.navHeader').on('click', function(){
        $(this).children('.subNav').slideToggle(100);
        $(this).siblings().children('.subNav').slideUp(100);
    });
});

这是我的HTML：

<nav id='navMenu'>
    <ul class='mainNav'>
        <li class='navHeader'>Section 1
            <ul class='subNav'>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li>
                <li>Item 4</li>
            </ul>
        </li>
        <li class='navHeader'>Section 2
            <ul class='subNav'>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li>
                <li>Item 4</li>
            </ul>
        </li>
        <li class='navHeader'>Section 3
            <ul class='subNav'>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li>
                <li>Item 4</li>
            </ul>
        </li>
        <li class='navHeader'>Section 4
            <ul class='subNav'>
                <li>Item 1</li>
                <li>Item 2</li>
                <li>Item 3</li>
                <li>Item 4</li>
            </ul>
        </li>
    </ul>
</nav>

感谢您提供的任何帮助。

Answer 1

您可以在此处阅读有关Cookie的信息： http://www.quirksmode.org/js/cookies.html

它还包含您可以在代码中使用的功能。

编辑：开始阅读有关Cookie的内容，然后自行尝试实施您需要的内容。如果您需要进一步的帮助，请告诉我们。尝试完成它总是最好的，因为它将为您带来一些宝贵的经验。你不需要一个jQuery插件来完成这个任务，但这只是我的意见。

使用Cookies保存slideToggle当前状态

1 个答案: