Twitter bootstrap 如何在bootstrap中用自己选择的图像替换手风琴的V形图标 $（文档）.ready（函数（）{ 功能切换雪佛龙（e）{ 美元（e.target） .prev（“.面板标题”） .find（“img.指示器”） .toggleClass（'Glypicon-chevron-up-Glypicon-chevron-down'）； } $（'#accordion'）.on（'hidden.bs.collapse'，toggleChevron）； $（'#accordion'）.on（'show.bs.collapse'，toggleChevron）； }); 工作性质：在快节奏的呼叫中心提供健康建议 地点：普纳、斋浦尔或古瓦哈蒂 学历：理学学士。（护理、药学）或BAMS或药学文凭 经验：0-2年，退休护士可申请 所需技能：英语、印地语和地区语言的高级写作、阅读和口语能力 所需技能：计算机熟练

这是我的代码，所以我希望我自己的图像作为箭头标记，应该切换，那么如何在js中替换它？

---

我有上箭头和下箭头图像，但发现在js中很难放置或切换。

此css将帮助您

<script>
    $(document).ready(function() {
        function toggleChevron(e) {
            $(e.target)
                    .prev('.panel-heading')
                    .find("img.indicator")
                    .toggleClass('glyphicon-chevron-up glyphicon-chevron-down');
        }
        $('#accordion').on('hidden.bs.collapse', toggleChevron);
        $('#accordion').on('shown.bs.collapse', toggleChevron);
    });
</script>

<div class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                Collapsible Group Item #2 
            </a><i class="indicator glyphicon glyphicon-chevron-down  pull-right"></i>
        </h4>
    </div>
    <div id="collapseTwo" class="panel-collapse collapse">
        <div class="panel-body">
            <table class="table borderless">
                <tr><td>Nature of Job</td><td>:</td><td>Provide health advice at a fast-paced call centre</td></tr>
                <tr><td>Location</td><td>:</td><td>Pune, Jaipur or Guwahati</td></tr>
                <tr><td>Qualifications</td><td>:</td><td>B.Sc. (Nursing, Pharmacy) or BAMS or Diploma in Pharmacy</td></tr>
                <tr><td>Experience</td><td>:</td><td>0 – 2 yrs, retired nurses may apply</td></tr>
                <tr><td>Required skills</td><td>:</td><td>Advanced competence in writing, reading and speaking English,Hindi and regional language</td></tr>
                <tr><td>Desired skills</td><td>:</td><td>Computer proficiency</td></tr>
            </table>
        </div>
    </div>
</div>

---

你有自己的CSS文件吗？如果是这样，您可以添加一个类，例如.my own image up{url:myimage up}和.my own image down{url:myimage down}将css类添加到您的js文件中。现在用您自己的类名替换glyphicon V形向上和glyphicon V形向下。

.panel-title a.accordion-toggle
   {display: block;
   background: url("your image path") no-repeat center right;}
.panel-title a.accordion-toggle.collapsed
   {color: inherit;
   display: block;
   background: url("your image path") no-repeat center right;}