2016-03-18 47 views
0

我有一個像一本預約書一樣的一年中所有月份的菜單。 我創建了一個JQuery文件來打開和關閉它。手風琴菜單JQuery - 如何打開特定的「ID」?

$(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); 
}); 

當我點擊鼠標指針時,「link」變量找到「div」打開和關閉。它稱之爲「下拉」功能。

我試着創建一個「link2」變量來調用特定的「id」。 那麼當我在頁面中輸入時,如何在特定的「ID」中進行下拉操作,而無需點擊鼠標?

回答

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"); 
} 
+0

謝謝!!是工作。 –

+0

@AnonyTailer在這種情況下,如果您可以將此答案標記爲已接受的答案,我將非常感激。謝謝。 – Rickkwa