gpt4 book ai didi

twitter-bootstrap - Twitter Bootstrap Accordion 图标没有改变

转载 作者:行者123 更新时间:2023-12-02 23:48:25 25 4
gpt4 key购买 nike

我从 Bootstrap 中得到了这个 Accordion 。箭头图标指向向下

enter image description here

然后我单击“能力 1”,得到(能力 1 图标向上,能力 2 图标向下):

enter image description here

但是,如果我现在单击能力 2,我会得到(能力 1 图标仍然向上,能力 2 图标向上):

enter image description here

这是 Bootstrap 中的错误,还是可以轻松修复?

谢谢。

最佳答案

在没有看到您的代码的情况下很难提供建议。您可能仅在“show”事件上触发图像交换(检查 js 中的拼写错误)。

以下是我在我的网站上创建相同效果的方法:

HTML:

<div class="accordion">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
<i class="icon-chevron-down"></i>
Collapsible Group Item #1
</a>
</div>
</div>

<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
<i class="icon-chevron-down"></i>
Collapsible Group Item #2
</a>
</div>
</div>
</div>

JavaScript:

$('.accordion').on('show hide', function (n) {
$(n.target).siblings('.accordion-heading').find('.accordion-toggle i').toggleClass('icon-chevron-up icon-chevron-down');
});

关于twitter-bootstrap - Twitter Bootstrap Accordion 图标没有改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14882404/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com