我可以为多个 JQuery 手风琴设置一个 Javascript 函数吗？

Question

我在我的网页中多次（完全独立）JQuery 使用手风琴，并且每次出现一个 Javascript 函数。我是不是把这个复杂化了，我可以简化 Javascript 以拥有一个他们都使用的功能吗

<script>
    $(function () {
    $("#accordion0").accordion({
        active: false, 
        collapsible: true,
        heightStyle: "content"
    });
});</script>
<script>
    $(function () {
    $("#accordion1").accordion({
        active: false, 
        collapsible: true,
        heightStyle: "content"
    });
});</script>
<script>
    $(function () {
    $("#accordion2").accordion({
        active: false, 
        collapsible: true,
        heightStyle: "content"
    });
});</script>  
.................

Answer 1

好吧，您可以将所有选择器组合到一个函数中，是的：

$("#accordion0, #accordion1, #accordion2").accordion({
    active: false, 
    collapsible: true,
    heightStyle: "content"
});

Answer 2

您可以将 class 与所有 html 手风琴共用；示例：

$ (function () {
   $(".class-my-accordion").accordion({
        active: false, 
        collapsible: true,
        heightStyle: "content"
    });
});

我可以为多个 JQuery 手风琴设置一个 Javascript 函数吗？

Can I have one Javascript function for multiple JQuery accordions?

javascript

jquery

accordion