Javascript 使用粘性滚动菜单链接打开手风琴菜单项

我有一个手风琴菜单和粘性滚动链接，这是绝对好个别

我现在需要做的是将滚动菜单链接到accordion，这样当单击accordion菜单和sticky scroll菜单时，它将打开accordion选项卡

我需要使手风琴菜单打开时，用户点击滚动菜单项以及

如何将切换功能动态链接到粘滞滚动菜单

我没有为这两个使用任何插件，所以请建议我不要使用插件。多谢各位

这是我的密码

$(document).ready(function () {  
  //Sticky scroll menu
  var top = $('.sticky-scroll-box').offset().top;
  $(window).scroll(function (event) {
    var y = $(this).scrollTop();
        if (y >= top) {
          $('.sticky-scroll-box').addClass('fixed');
        } else {
          $('.sticky-scroll-box').removeClass('fixed');
        }
        $('.sticky-scroll-box').width($('.sticky-scroll-box').parent().width());
    });

    //Accordion
    $(".menu_body").hide();
    //toggle the componenet with class menu_body
    $(".menu_head").click(function(){
        $(this).next(".menu_body").slideToggle(400); 
        var plusmin;
        plusmin = $(this).children(".plusminus").text();

        $(this).children("span.down-arrow").toggleClass("up-arrow");        
    });

});

---

使用任何属性值在粘性菜单和手风琴菜单之间使用链接

  //toggle the componenet with sticky menu
  $('.sticky-scroll-box a').click(function(){
    var menuRef = $(this).attr('toggelink');    
    $(".menu_head").filter("[toggelink^='"+menuRef+"']").click();    
  });
});

然后像这样更改html

<a toggelink="menu_1" class="menu_head"> Menu 1</a>

您可以在渲染逻辑中创建这些属性

另一种方法是采用菜单项的

索引，即找到您在“stick”中单击的菜单的
nth
编号，并触发单击以使菜单项与相同的
nth
编号一致

使用href id链接，在呈现逻辑中动态创建id
嘿，谢谢你的回答。主要的部分是，当点击粘性菜单时，菜单内容应该向上滚动，否则用户将不知道它是正确打开的。有什么想法吗？菜单中的内容非常长，因此您可以通过href id链接以简单的方式添加内容<代码>http://www.w3.org/TR/html4/struct/links.html#h-12.2.3

，在呈现逻辑中动态创建ID

<a toggelink="menu_1"  href="#">Menu 1</a>