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

您可以使用与所有html手风琴相同的课程;例如：

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

Answer 2

好吧，您可以将所有选择器分组到一个功能中，是：

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

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

2 个答案: