如何编写可重用的jquery点击功能?

Vig*_*esh 2 html jquery reusability jquery-ui-accordion

我有这个手风琴功能:

 $('.accordion a').click(function () {

        if($(this).is('.accordionClose')) {
            $('.accordionOpen').toggleClass('accordionOpen').toggleClass('accordionClose').next().slideToggle().toggleClass('openContent');
            $(this).toggleClass('accordionOpen').toggleClass('accordionClose');
            $(this).next().slideToggle().toggleClass('openContent');
        }

        else {
            $(this).toggleClass('accordionOpen').toggleClass('accordionClose');
            $(this).next().slideToggle().toggleClass('openContent');
        }
    });
Run Code Online (Sandbox Code Playgroud)

我有这个片段来制作手风琴效果.问题是我不知道如何使它成为一个通用功能,并在需要时调用它.我需要以插件格式制作吗?或者其他任何可能的方式吗?

我知道使用逗号分隔的多个selctors.我不是那个意思.

Bho*_*yar 12

像这样写:

function func_name(){
//do stuff here
}

//call this later like this:

$('.accordion a').click(func_name);

//Or call like this:
$('.accordion a').click(function(){
  func_name(); //parenthesis required here
});
Run Code Online (Sandbox Code Playgroud)

此外,你可能会看另一篇文章,以加强一点.