Javascript 同一页面中两个jquery手风琴的不同样式

我的页面中有两个jquery手风琴。一个在东面板，一个在西面板。有没有可能改变它们的风格？编辑.ui手风琴相关样式会更改两个手风琴的样式。 有没有办法为这两种手风琴提供不同的风格

---

提前谢谢

是的，现在可以在jQuery中定义额外的id，如下所示

HTML

<div id="slider1" class="east">
   // some code of your html
</div>

<div id="slider2" class="east">
   // some code of your html
</div>

---

您可以使用jQuery

eq（）

方法：

$('.ui-accordion:eq(0)').addClass('first') // the first ui.accordion element

或CSS3

n个子项

pseudo选择器：

.ui-accordion:nth-child(1) { the first ui.accordion element
   property: value;
}

只需向两者添加不同的ID（或类），然后将它们添加到CSS选择器。或者，可以添加父元素的ID。例：

.ui-accordion{...}
.ui-accordion div{...}
.ui-accordion .arrow{...}

变成

#left-column .ui-accordion{...}
#left-column .ui-accordion div{...}
#left-column .ui-accordion .arrow{...}

#right-column .ui-accordion{...}
#right-column .ui-accordion div{...}
#right-column .ui-accordion .arrow{...}

---

另一个选择是使用两个主题，每个手风琴一个。 下载时，单击右侧边栏“主题”下的“高级主题设置”。使用“CSS范围”和“主题文件夹名称”字段。几乎没有帮助图标来解释该做什么

---

我从来没有这样做过，所以我不能告诉你这有多容易或难

是的，你可以使用一些技巧。
您所要做的就是覆盖其他accordion的jQuery、UI和CSS，比如。

您有（或尝试有）两个id为#east的元素。那不好。此外，同一元素上不能有两个ID。

#left-column .ui-accordion{...}
#left-column .ui-accordion div{...}
#left-column .ui-accordion .arrow{...}

#right-column .ui-accordion{...}
#right-column .ui-accordion div{...}
#right-column .ui-accordion .arrow{...}