accordion code | Community Development | Sandbox ConnAct

paste hti scoe in raw html wodget:

<div id="accordionCustom">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionCustom" href="#Item1Body">
<span class="pull-right"><i class="icon-chevron-up"></i></span>
Item 1
</a>

</div>
<div id="Item1Body" class="accordion-body collapse in">
<div>
<div class="accordion-inner">Item 1 Content Item 1 Content Item 1 Content Item 1 Content Item 1 Content Item 1 Content </div>
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionCustom" href="#Item2Body">
<span class="pull-right"><i class="icon-chevron-down"></i></span>
Item 2
</a>

</div>
<div id="Item2Body" class="accordion-body collapse">
<div>
<div class="accordion-inner">Item 2 Content Item 2 Content Item 2 Content Item 2 Content Item 2 Content Item 2 Content </div>
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionCustom" href="#Item3Body">
<span class="pull-right"><i class="icon-chevron-down"></i></span>
Item 3
</a>
</div>
<div id="Item3Body" class="accordion-body collapse">
<div>
<div class="accordion-inner">Item 3 Content Item 3 Content Item 3 Content Item 3 Content Item 3 Content Item 3 Content Item 3 Content Item 3 Content </div>
</div>
</div>
</div>
</div>
<script>

var customCode = function () {
var $accordianBody = $('div.accordion-body');

$accordianBody.on('shown',
function() {
$(this).parent("div").find(".icon-chevron-down").removeClass("icon-chevron-down")
.addClass("icon-chevron-up");

});

$accordianBody.on('hidden',
function() {
$(this).parent("div").find(".icon-chevron-up").removeClass("icon-chevron-up")
.addClass("icon-chevron-down");
});
}();
</script>