javascript - Javascript函数的正确使用方法

Question

这是一个简单的 Accordion ，由 jQuery 的 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'
    }
    );
});

假设我必须创建更多 Accordion ，我现在正在为触发器及其目标创建新变量，为此我一次又一次地重复点击功能。有没有一种方法可以让我使用以下函数而不必一遍又一遍地编写 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'
                }
            );
    });
}