Question

对于一些关于样式的严格规则，我不应该使用jquery ui css。鉴于此约束，我已成功使用jQuery-UI实现了accordion。这是我在MVC Razor中获得的项目列表的一部分。所以手风琴的数量和物品一样多（我在视图中使用了foreach循环）。这就是原因，我使用的是班级名称，而不是标准的＆= 39; id = accordion＆＃39;。

因此我的html：

<div class="accordion">
                        <h4><span class="panel-icon">+</span> Addresses</h4>
                        <div>
                            <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
                        </div>
</div>

和脚本：

<script>

    $(function () {
        $(".accordion").accordion({
            collapsible: true,
            active: false
        });


</script>

关键是要将文字切换为＆＃39; - ＆＃39;或＆＃39; +＆＃39;视情况可以是。我怎样才能做到这一点？

Answer 1

你可以在你的函数中传递如下图标。如果手风琴关闭，则在header属性中传递为加号图标css。再打开然后在css activeheader属性中传递减号图标

$(function () {
  icons = {
      header: "ui-icon-circle-arrow-plus",
      activeHeader: "ui-icon-circle-arrow-minus"
    };

        $(".accordion").accordion({
            collapsible: true,
            active: false,
        icons: icons
        });
});

将附加或减号附加到jQuery Accordion

1 个答案: