手风琴菜单 JQuery - 如何打开特定的“id”

Accordion menu JQuery - How to open a specific "id"?

本文关键字：id 何打开 菜单 JQuery 手风琴      更新时间：2023-09-26

我有一个菜单，就像一年中所有月份的约会簿一样。我创建了一个 JQuery 文件来打开和关闭它。

 $(function() {
var Accordion = function(el, multiple) {
    this.el = el || {};
    this.multiple = multiple || false;
    var links = this.el.find('.link');
    var d = new Date();
    var n = d.getMonth();
    var links2 = this.el.find('#mes'+n);
    // Events
    links.on('click',{el: this.el, multiple: this.multiple}, this.dropdown)
    //links2.on('',{el: this.el, multiple: this.multiple}, this.dropdown)
}
Accordion.prototype.dropdown = function(e) {
    var $el = e.data.el;
        $this = $(this),
        $next = $this.next();
    $next.slideToggle();
    $this.parent().toggleClass('open');

    if (!e.data.multiple) {
        $el.find('.submenu').not($next).slideUp().parent().removeClass('open');
    };
}   
var accordion = new Accordion($('#accordion'), false);
});
"

链接"变量找到"div"，当我单击鼠标指针时打开和关闭。它调用"下拉"函数。

我尝试创建一个"link2"变量来调用特定的"id"。那么当我进入页面时，我如何在没有鼠标点击的情况下继续在特定"id"中进行下拉???

如果我理解正确，您希望其中一个项目开始展开。我假设links2有类.link.您可以使用 links2.trigger("click"); 触发点击事件。

var Accordion = function(el, multiple) {
    this.el = el || {};
    this.multiple = multiple || false;
    var links = this.el.find('.link');
    var d = new Date();
    var n = d.getMonth();
    var links2 = this.el.find('#mes'+n);
    // Events
    links.on('click',{el: this.el, multiple: this.multiple}, this.dropdown)
    links2.trigger("click");
}
相关文章：