javascript - 如何将此 .JS 函数复制到同一 Wix 页面上的多个元素？

Question

我在这里基本上要问的是：“如何在同一个 Wix 页面上创建两个执行相同操作的按钮？”

我添加了一些自定义代码来创建扩展文本功能，以便在有人单击“阅读更多”时使用。

我的问题是我已经定义了每个单独的按钮（总共 4 个按钮）及其功能，如下所示：

    $w.onReady(function () {
    // Write your JavaScript here
    // column1
    $w("#readMoreButton1").onClick(() => {
        $w("#readMoreStatebox1").changeState("expandedState1");
    });

    $w("#readLessButton1").onClick(() => {
        $w("#readMoreStatebox1").changeState("collapsedState1");
    });
    //column2
    $w("#readMoreButton2").onClick(() => {
        $w("#readMoreStatebox2").changeState("expandedState2");
    });

    $w("#readLessButton2").onClick(() => {
        $w("#readMoreStatebox2").changeState("collapsedState2");
    });
    //column3
    $w("#readMoreButton3").onClick(() => {
        $w("#readMoreStatebox3").changeState("expandedState3");
    });

    $w("#readLessButton3").onClick(() => {
        $w("#readMoreStatebox3").changeState("collapsedState3");
    });
    //column4
    $w("#readMoreButton4").onClick(() => {
        $w("#readMoreStatebox4").changeState("expandedState4");
    });

    $w("#readLessButton4").onClick(() => {
        $w("#readMoreStatebox4").changeState("collapsedState4");
    });

    // To select an element by ID use: $w('#elementID')

    // Click 'Preview' to run your code
});

阅读更多/阅读较少功能

最终结果是第一个按钮/列有效，但其余的无效。我尝试过更改语法，但我担心我可能会遗漏一些非常简单的东西。我能得到一些帮助吗？

标签： javascript