手风琴菜单JQuery - 如何打开特定的" id"?

时间:2016-03-18 21:01:13

标签: javascript jquery html css

我有一个菜单,就像一年中所有月份的预约一样。 我创建了一个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"当我进入页面时,没有鼠标点击???

1 个答案:

答案 0 :(得分:0)

如果我理解正确,您希望其中一个项目开始展开。我假设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");
}