正確使用Javascript函數的方法

Question

這是由jQuery的animate()方法animate()的簡單手風琴。

var accordionTrigger1 = $('h4.panel-title.category_men'),
    accordionTarget1 = $(accordionTrigger1).parent().next('.panel-body');

$(accordionTarget1).hide();

$(accordionTrigger1).on('click', function() {
    $(accordionTarget1)
    .stop()
    .animate(
    {
        height: 'toggle'
    }, 
    {
        duration: 300,
        easing: 'easeOutCirc'
    }
    );
});

假設我必須創建更多的手風琴，現在我要為觸發器及其目標創建新的變量，為此我要一次又一次地重復單擊功能。 有沒有一種方法可以使用以下函數而不必一遍又一遍地編寫animate()方法（即，不重復該函數並通過參數或其他方法調用它）？

Answer 1

我想你在問這樣的事情：

var accordionTrigger1 = $('h4.panel-title.category_men'),
    accordionTarget1 = $(accordionTrigger1).parent().next('.panel-body');


accordion(accordionTrigger1, accordionTarget1);



function accordion(trigger, target){
    target.hide();

    trigger.on('click', function() {
        target
            .stop()
            .animate(
                {
                    height: 'toggle'
                },
                {
                    duration: 300,
                    easing: 'easeOutCirc'
                }
            );
    });
}

Answer 2

在您的第一行中，有more selectors以逗號分隔。

var accordionTrigger1 = $('h4.panel-title.category_men, more selectors, more selectors, ...'),

不是短語more selectors 。 實際的選擇器。 :)