jQuery手风琴菜单-导航到新页面时保持打开状态

Question

我有一个使用JQuery手风琴菜单进行导航的MVC项目。 我想知道是否有任何方法可以修改菜单，以便当我单击其中一个链接时，菜单导航到下一页时保持打开状态

jQuery-

$(document).ready(function () {


    //ACCORDION BUTTON ACTION

    $('div.accordionButton').click(function () {

        //IF THE DIV YOU CLICKED IS ALREADY OPEN, CLOSE AND REMOVE THE OPEN CLASS

        if ($(this).next().hasClass('openDiv')) {

            $('div.accordionContent.openDiv').slideUp('normal');

            $('div.accordionContent.openDiv').removeClass('openDiv');

        }

            //CLOSE ANY OPEN DIVS, OPEN THE CLICKED DIV

        else {

            $('div.accordionContent.openDiv').slideUp('normal');

            $('div.accordionContent.openDiv').removeClass('openDiv');

            $(this).next().slideDown('normal');

            $(this).next().addClass('openDiv');

        }

    });

    //HIDE THE DIVS ON PAGE LOAD

    $("div.accordionContent").hide();

});

HTML-

@foreach (var sport in Model.SportTypesList)
    {
        <div id="wrapper">
            <div class="accordionButton">@sport.ToString()</div>
            <div class="accordionContent">
                @foreach (var coupon in Model.CurrentCoupons())
                {
                    if (coupon.SportID.ToString().Equals(sport.ToString()))
                    {
                        <div id="bullets">></div>
                        @Ajax.ActionLink(@coupon.CouponName, "Index", "Home", new { couponName = coupon.CouponName, sportName = coupon.SportID.ToString() }, new AjaxOptions
                        {
                            UpdateTargetId = "coupons",
                            InsertionMode = InsertionMode.Replace,
                            HttpMethod = "GET"
                        })
                        <br />
                    }
                }
            </div>
        </div>
    }

Answer 1

您可以在会话中添加所选标签的ID，然后从那里检查ID并保持打开状态。 一种简单的解决方案。